diff --git a/src/navigation/MainStack.js b/src/navigation/MainStack.js
index 6ab9e40..229a5ab 100644
--- a/src/navigation/MainStack.js
+++ b/src/navigation/MainStack.js
@@ -308,14 +308,15 @@ export default function Main() {
   return (
     <MainStack.Navigator
       initialRouteName={Routes.Splash}
-      screenOptions={[
-        {
-          contentStyle: {
-            backgroundColor: Palette.white,
-          },
+      screenOptions={{
+        ...screenOptions,
+        contentStyle: {
+          backgroundColor: Palette.black,
         },
-        screenOptions,
-      ]}
+        cardStyle: {
+          backgroundColor: Palette.black,
+        },
+      }}
     >
       {screens.map((screen) => (
         <MainStack.Screen
diff --git a/src/styles/Palette.js b/src/styles/Palette.js
index 3b980ca..9f675a1 100644
--- a/src/styles/Palette.js
+++ b/src/styles/Palette.js
@@ -2,6 +2,8 @@ const Palette = {
   primary: "#FB68A8",
   transparentPrimary: "rgba(251, 104, 168, 0.1)",
 
+  background: "#0F0C14",
+
   darkPurple: "#0F0C14",
   transparentDarkPurple: "rgba(15, 12, 20, 0.1)",
   lightPurple: "#16121E",