diff --git a/webapp/src/components/FirstGame.js b/webapp/src/components/FirstGame.js
index 32b04ffd..b8057854 100644
--- a/webapp/src/components/FirstGame.js
+++ b/webapp/src/components/FirstGame.js
@@ -12,7 +12,7 @@ let haveFailedQuestion = false;
 let isCorrect = false
 
 let load = true;
-const previousBackgroundColor = '#1a1a1a'
+const previousBackgroundColor = '#3b3b3b'
 // let points = 0;
 
 const Quiz = () => {
diff --git a/webapp/src/components/game/Calculator.js b/webapp/src/components/game/Calculator.js
index 8c6afbb0..419205d3 100644
--- a/webapp/src/components/game/Calculator.js
+++ b/webapp/src/components/game/Calculator.js
@@ -8,7 +8,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
 
 
 let load = true;
-const previousBackgroundColor = '#1a1a1a';
+const previousBackgroundColor = '#3b3b3b';
 // let questions = []
 // let answeredQuestions = []
 
diff --git a/webapp/src/components/nav/Nav.js b/webapp/src/components/nav/Nav.js
index d79b70fa..8dc67928 100644
--- a/webapp/src/components/nav/Nav.js
+++ b/webapp/src/components/nav/Nav.js
@@ -41,12 +41,12 @@ export const Nav = () => {
             <Container sx={{alignItems:'right', textAlign:'right'}}>
                 <Link to='/help' style={{color:'white', textDecoration: 'none'}}>
                     <IconButton size="large" color="inherit" >
-                        <HelpIcon sx={{ color: "#0F0F0F" }}/>
+                        <HelpIcon sx={{ color: "#F0F0F0" }}/>
                     </IconButton>
                 </Link>
                 <Link to='/' style={{color:'white', textDecoration: 'none'}}>
                     <IconButton size="large" color="inherit" >
-                        <LogoutIcon sx={{ color: "#0F0F0F" }}/>
+                        <LogoutIcon sx={{ color: "#F0F0F0" }}/>
                     </IconButton>
                 </Link>
             </Container>
diff --git a/webapp/src/index.css b/webapp/src/index.css
index df1d373f..ea12400b 100644
--- a/webapp/src/index.css
+++ b/webapp/src/index.css
@@ -51,7 +51,7 @@ code {
 }
 
 .inner{
-  background-color: #1a1a1a;
+  background-color: #3b3b3b;
   color: #F0F0F0;
   transition: all .2s;
   border-radius: 1em;
@@ -88,6 +88,10 @@ input, label{
   padding: 1em 4.25em;
 }
 
+#history main .inner, #storeQuestion main .inner{
+  background-color: #1a1a1a;
+}
+
 main input:-internal-autofill-selected{
   box-shadow: none;
   -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;