diff --git a/src/App.css b/src/App.css
index aa15a1c..c6381f4 100644
--- a/src/App.css
+++ b/src/App.css
@@ -209,6 +209,8 @@ main {
 }
 
 #hamburger {
-  display: fixed;
+  position: absolute;
+  top: 0px;
+  left: 0px;
   z-index: 10;
 }
diff --git a/src/App.tsx b/src/App.tsx
index c79f4ee..5b63726 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -63,8 +63,8 @@ function App() {
       <div id="background">
         <CrossfadeImage src={backdrop} style={crossfadeImageStyles} />
       </div>
-      <HamburgerMenu config={config} setConfig={setConfig} />
       <main >
+        <HamburgerMenu config={config} setConfig={setConfig} />
         <Sidebar movie={chosenMovie} similarMoviesAvailable={similarMoviesAvailable} watchProviders={watchProviders} />
         <div id="movie-wall-container">
           <MovieWall movies={movies}