diff --git a/app/[locale]/(admin)/admin/settings/tag/component/create.tsx b/app/[locale]/(admin)/admin/settings/tag/component/create.tsx
index db710c3..b704556 100644
--- a/app/[locale]/(admin)/admin/settings/tag/component/create.tsx
+++ b/app/[locale]/(admin)/admin/settings/tag/component/create.tsx
@@ -117,8 +117,8 @@ export default function CreateTagModal() {
         <Form {...form}>
           <form
             onSubmit={form.handleSubmit(onSubmit)}
-            className="space-y-3 bg-white rounded-sm"
-          >
+            className="space-y-3 bg-white dark:bg-default-50 rounded-sm"
+          > 
             <FormField
               control={form.control}
               name="category"
diff --git a/app/[locale]/(admin)/admin/settings/tag/component/table.tsx b/app/[locale]/(admin)/admin/settings/tag/component/table.tsx
index 3916f57..da3a3cd 100644
--- a/app/[locale]/(admin)/admin/settings/tag/component/table.tsx
+++ b/app/[locale]/(admin)/admin/settings/tag/component/table.tsx
@@ -117,7 +117,7 @@ const AdminTagTable = () => {
   }
 
   return (
-    <div className="w-full overflow-x-auto bg-white p-4 rounded-sm space-y-3">
+    <div className="w-full overflow-x-auto bg-white dark:bg-default-50 p-4 rounded-sm space-y-3">
       <div className="flex justify-between mb-10 items-center">
         <p className="text-xl font-medium text-default-900">
           {t("tags", { defaultValue: "Tags" })}