stepper fix

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;

src/App.js

@@ -6,9 +6,7 @@ function App() {
   return (
     <Suspense fallback={<div>Loading...</div>}>
       <div className="App">
-        <header className="App-header">
         <Main />
-        </header>
       </div>
     </Suspense>
   );

src/components/layout/Main.js

@@ -6,7 +6,9 @@ const Main = () => {
   return (
     <>
       <Stepper />
+      <header className="App-header">
         <Switcher />
+      </header>
     </>
   );
 };