diff --git a/code/frontend/src/App.js b/code/frontend/src/App.js
index 593efa9..3f90e96 100644
--- a/code/frontend/src/App.js
+++ b/code/frontend/src/App.js
@@ -5,7 +5,7 @@ import Box from "./components/Box"
 
 
 export default function App() {
-    const [theme, ] = useState("theme-dark");
+    const [theme, ] = useState("ThemeDark");
 
     return (
         <div className={classNames(Style["app"], theme)}>
diff --git a/code/frontend/src/index.css b/code/frontend/src/index.css
index 93524b0..5bfec5b 100644
--- a/code/frontend/src/index.css
+++ b/code/frontend/src/index.css
@@ -9,7 +9,7 @@ body {
     min-width: 100%;
 }
 
-.theme-dark {
+.ThemeDark {
     --bg-primary: #3B7097;
     --bg-light: #34607A;
     --bg-dark: #254D61;
@@ -24,7 +24,7 @@ body {
     --cmp-dark: #7C7C7C;
 }
 
-.theme-light {
+.ThemeLight {
     --bg-primary: #CAE4F6;
     --bg-light: #B2CEDF;
     --bg-dark: #7292AF;