diff --git a/src/components/Collapsible/CollapsibleComponent.tsx b/src/components/Collapsible/CollapsibleComponent.tsx
index 24c6c30..1939d75 100644
--- a/src/components/Collapsible/CollapsibleComponent.tsx
+++ b/src/components/Collapsible/CollapsibleComponent.tsx
@@ -51,6 +51,8 @@ function CollapsibleComponent(props: Props) {
   const { paddedProps, headerColors } = props;
   const Comp = props.component;
   const theme = useTheme();
+  console.log(theme.dark);
+
   const { setCollapsible } = useCollapsible();
 
   const collapsible = useCollapsibleHeader({
@@ -58,6 +60,10 @@ function CollapsibleComponent(props: Props) {
       collapsedColor: headerColors ? headerColors : theme.colors.surface,
       useNativeDriver: true,
     },
+
+    navigationOptions: {
+      headerStyle: { backgroundColor: theme.colors.surface },
+    },
   });
 
   useFocusEffect(