diff --git a/src/App.css b/src/App.css
index c4034ce..a8541a7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,9 +1,9 @@
 .App {
   text-align: center;
+  background-color: #282c34;
 }
 
 .App-header {
-  background-color: #282c34;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
diff --git a/src/App.js b/src/App.js
index 27d5b0f..8586dda 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,9 +6,7 @@ function App() {
   return (
     <Suspense fallback={<div>Loading...</div>}>
       <div className="App">
-        <header className="App-header">
-          <Main />
-        </header>
+        <Main />
       </div>
     </Suspense>
   );
diff --git a/src/components/layout/Main.js b/src/components/layout/Main.js
index a6038f4..1e04f4b 100644
--- a/src/components/layout/Main.js
+++ b/src/components/layout/Main.js
@@ -6,7 +6,9 @@ const Main = () => {
   return (
     <>
       <Stepper />
-      <Switcher />
+      <header className="App-header">
+        <Switcher />
+      </header>
     </>
   );
 };