diff --git a/index.html b/index.html
index 20826661acf29a2f237657ceac22184d37b84d63..c83d63f4af56d38ac38778a374a95cdd0448fe8f 100644
--- a/index.html
+++ b/index.html
@@ -11,4 +11,9 @@
     <div id="app"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
+  <style>
+    html {
+      background-color: #191919;
+    }
+  </style>
 </html>
diff --git a/src/context/index.tsx b/src/context/index.tsx
index 6bb0de8fd30d565fa1cb3f7990378495104e2f6a..4cbbb76bd0f16049a949ef9df491554fa10163f6 100644
--- a/src/context/index.tsx
+++ b/src/context/index.tsx
@@ -13,17 +13,19 @@ export default function Context({ children }: { children: Children }) {
     return (
         <Router>
             <State>
-                <Settings>
-                    <Locale>
-                        <Intermediate>
-                            <Client>
-                                <Voice>
-                                    <Theme>{children}</Theme>
-                                </Voice>
-                            </Client>
-                        </Intermediate>
-                    </Locale>
-                </Settings>
+                <Theme>
+                    <Settings>
+                        <Locale>
+                            <Intermediate>
+                                <Client>
+                                    <Voice>
+                                        {children}
+                                    </Voice>
+                                </Client>
+                            </Intermediate>
+                        </Locale>
+                    </Settings>
+                </Theme>
             </State>
         </Router>
     );
diff --git a/src/context/intermediate/modals/Onboarding.module.scss b/src/context/intermediate/modals/Onboarding.module.scss
index f3ed2dde9cadc4fa580c0128dd1b8d884918de9b..93f5e4b99aba6d183f95753181b9e797b0ff549b 100644
--- a/src/context/intermediate/modals/Onboarding.module.scss
+++ b/src/context/intermediate/modals/Onboarding.module.scss
@@ -1,4 +1,5 @@
 .onboarding {
+    height: 100vh;
     display: flex;
     align-items: center;
     flex-direction: column;
@@ -7,7 +8,9 @@
         flex: 1;
 
         &.header {
+            gap: 8px;
             padding: 3em;
+            display: flex;
             text-align: center;
 
             h1 {
diff --git a/src/styles/_page.scss b/src/styles/_page.scss
index c99320ab4f4498b5001754a476e22d3913d0067c..124e530abe5ee01968fe711145f576d8048def8d 100644
--- a/src/styles/_page.scss
+++ b/src/styles/_page.scss
@@ -9,9 +9,9 @@
 
 html {
     // contain: content;
-    background: var(--background);
     background-size: cover !important;
     background-repeat: no-repeat !important;
+    background-color: var(--background) !important;
 }
 
 html,