diff --git a/frontend-admin/src/navigation/AdminNavigator.tsx b/frontend-admin/src/navigation/AdminNavigator.tsx
index 948701b4..d1d087d6 100644
--- a/frontend-admin/src/navigation/AdminNavigator.tsx
+++ b/frontend-admin/src/navigation/AdminNavigator.tsx
@@ -93,7 +93,7 @@ function AdminTabs() {
         <>
             <Tab.Navigator
                 screenOptions={{
-                    headerStyle: { backgroundColor: colors.secondary },
+                    headerStyle: { backgroundColor: isDark ? colors.secondary : "#ffffff" },
                     headerTintColor: colors.textWhite,
                     headerRight: () => (
                         <View
@@ -157,7 +157,7 @@ function AdminTabs() {
                         </View>
                     ),
                     tabBarStyle: {
-                        backgroundColor: colors.secondary,
+                        backgroundColor: isDark ? colors.secondary : "#ffffff",
                         borderTopColor: colors.border,
                         borderTopWidth: 1,
                     },
@@ -339,12 +339,12 @@ function AdminTabs() {
 }
 
 export default function AdminNavigator() {
-    const { colors } = useTheme();
+    const { colors, isDark } = useTheme();
 
     return (
         <Stack.Navigator
             screenOptions={{
-                headerStyle: { backgroundColor: colors.secondary },
+                headerStyle: { backgroundColor: isDark ? colors.secondary : "#ffffff" },
                 headerTintColor: colors.textWhite,
             }}
         >