diff --git a/packages/web/components/Audio/AudioHandler.tsx b/packages/web/components/Audio/AudioHandler.tsx
index 611c4db..c11adbe 100644
--- a/packages/web/components/Audio/AudioHandler.tsx
+++ b/packages/web/components/Audio/AudioHandler.tsx
@@ -284,7 +284,7 @@ export default function AudioHandler() {
           onPlay={(e) => console.log("onPlay")}
           showSkipControls={true}
           onEnded={onEndedPlaying}
-          className="w-screen flex flex-row"
+          className="w-screen flex flex-row fixed bottom-0"
         />
       )}
 
diff --git a/packages/web/pages/s/index.tsx b/packages/web/pages/s/index.tsx
index 5350ade..faf6300 100644
--- a/packages/web/pages/s/index.tsx
+++ b/packages/web/pages/s/index.tsx
@@ -130,11 +130,11 @@ Me.getLayout = function (content: ReactElement) {
 
       <KeyboardShortcutHandler />
 
-      <AudioHandler />
-
       <Header />
 
       {content}
+
+      <AudioHandler />
     </div>
   );
 };