diff --git a/src/components/task-page.tsx b/src/components/task-page.tsx
index cb4eb09..25fb5f7 100644
--- a/src/components/task-page.tsx
+++ b/src/components/task-page.tsx
@@ -50,7 +50,8 @@ const TaskPage = ({
 
   return (
     <>
-      <div className="flex md:hidden items-center justify-center gap-4 fixed md:static w-screen bottom-0 left-0 z-50 px-4 py-3 bg-background border-t">
+    <div className="md:hidden">
+      <div className="flex items-center justify-center gap-4 fixed w-screen bottom-0 left-0 z-50 px-4 py-3 bg-background border-t">
         <Button
           variant={activeMobileView === "tutorial" ? "default" : "outline"}
           onClick={() => setActiveMobileView("tutorial")}
@@ -70,6 +71,7 @@ const TaskPage = ({
           Output
         </Button>
       </div>
+      </div>
       <div className="md:hidden w-full h-full">
         <div
           className={cn(