diff --git a/JoyboyCommunity/src/components/Menu/styles.ts b/JoyboyCommunity/src/components/Menu/styles.ts
index 2fd7b51a..79dc7e0b 100644
--- a/JoyboyCommunity/src/components/Menu/styles.ts
+++ b/JoyboyCommunity/src/components/Menu/styles.ts
@@ -28,7 +28,7 @@ export default ThemedStyleSheet((theme) => ({
     position: 'absolute',
     height: 'auto',
     gap: StyleSheet.hairlineWidth,
-    backgroundColor: theme.colors.background,
+    backgroundColor: `${theme.colors.divider} !important`,
     borderRadius: 16,
     overflow: 'hidden',
     shadowColor: theme.colors.shadow,
diff --git a/JoyboyCommunity/src/styles/Colors.tsx b/JoyboyCommunity/src/styles/Colors.tsx
index 8e75336f..86793313 100644
--- a/JoyboyCommunity/src/styles/Colors.tsx
+++ b/JoyboyCommunity/src/styles/Colors.tsx
@@ -81,7 +81,7 @@ export const DarkTheme = {
     textSecondary: '#FFFFFF',
     textLight: '#FFFFFF',
     textStrong: '#FFFFFF',
-    onPrimary: '#8F979E',
+    onPrimary: '#FFFFFF',
     onSecondary: '#FFFFFF',
 
     divider: '#1b1b18',