diff --git a/components/navigation.tsx b/components/navigation.tsx
index 18f44346..46324aa3 100644
--- a/components/navigation.tsx
+++ b/components/navigation.tsx
@@ -2,19 +2,23 @@ import { createNativeStackNavigator } from "@react-navigation/native-stack";
 import Player from "./Player/stack";
 import { Tabs } from "./tabs";
 import { StackParamList } from "./types";
+import { useTheme } from 'tamagui'
 import DetailsScreen from "./ItemDetail/screen";
 
 export default function Navigation(): React.JSX.Element {
 
   const RootStack = createNativeStackNavigator<StackParamList>()
-  
+
+    const theme = useTheme()
+
     return (
       <RootStack.Navigator>
           <RootStack.Screen 
             name="Tabs" 
             component={Tabs}
             options={{
-              headerShown: false
+              headerShown: false,
+              navigationBarColor: theme.background.val,
             }}
           />
           <RootStack.Screen