From d6dde2e517645ef9489f4496e2e6ede1f97708e4 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Wed, 16 Dec 2020 03:14:50 +0200
Subject: [PATCH] stepper fix

---
 src/App.css                   | 2 +-
 src/App.js                    | 4 +---
 src/components/layout/Main.js | 4 +++-
 3 files changed, 5 insertions(+), 5 deletions(-)

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>
     </>
   );
 };