diff --git a/src/app/[name]/(Main)/[id]/page.tsx b/src/app/[name]/(Main)/[id]/page.tsx
index 75e290e..a1f9e7d 100644
--- a/src/app/[name]/(Main)/[id]/page.tsx
+++ b/src/app/[name]/(Main)/[id]/page.tsx
@@ -31,7 +31,7 @@ function FoodPage({ }: Props) {
                     priority
                 />
                 <div className="absolute top-4 left-0 pe-5.5 ps-7 w-full inline-flex justify-between items-center">
-                    <div className="bg-white rounded-[34px] py-1.5 px-4 w-min text-xs text-disabled2 font-bold">
+                    <div className="bg-container rounded-[34px] py-1.5 px-4 w-min text-xs text-disabled2 dark:text-disabled-text font-bold">
                         خوراک
                     </div>
                     <button>
diff --git a/src/components/button/NightModeSwitch.tsx b/src/components/button/NightModeSwitch.tsx
index 81472f7..1a91c3e 100644
--- a/src/components/button/NightModeSwitch.tsx
+++ b/src/components/button/NightModeSwitch.tsx
@@ -30,11 +30,13 @@ export default function NightModeSwitch({ checked, onClick }: Props) {
             <Moon
                 data-nightmode={checked}
                 size={12}
-                className='stroke-primary z-0 data-[nightmode=true]:stroke-white' />
+                className='stroke-primary z-0 data-[nightmode=true]:stroke-white'
+            />
             <Sun1
                 data-nightmode={checked}
                 size={12}
-                className='stroke-[#FFA800] z-0' />
+                className='stroke-[#FFA800] data-[nightmode=true]:fill-[#FFA800] z-0'
+            />
         </div>
     )
 }