diff --git a/src/App.scss b/src/App.scss
index 93e6ece..5c1ee6c 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -28,11 +28,8 @@
 
 // APP
 .app {
-  background: $bgCol;
   color: white;
-
   font-size: 1rem;
-  overflow-y: scroll;
 
   @include smallScreen() {
     font-size: calc(0.4rem + 1.4vw);
diff --git a/src/styles/global.scss b/src/styles/global.scss
index ab51602..98a3edf 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -2,7 +2,7 @@
   --clr-primary: #ffc014;
   --clr-secondary: #2f2f2f;
 
-  --clr-bg: #333;
+  --clr-bg: #4d4d4d;
 
   --clr-accent: #1085b3;
   --clr-accent2: #ff3d5d;
@@ -19,9 +19,13 @@ html {
 }
 
 body {
+  background: var(--clr-bg);
+
   margin: 0;
   padding: 0;
   font-family: 'Quicksand', sans-serif;
+  overflow-y: scroll;
+
 }
 
 *:focus-visible {