diff --git a/app/[locale]/download/components/TabsClient.tsx b/app/[locale]/download/components/TabsClient.tsx
index f75a2409..3711b692 100644
--- a/app/[locale]/download/components/TabsClient.tsx
+++ b/app/[locale]/download/components/TabsClient.tsx
@@ -166,6 +166,7 @@ const TabsClient = ({ architectures, translations }: TabsClientProps) => {
       value={currentArch}
       onValueChange={updateArchitecture}
     >
+      {/* Desktop tabs - horizontal */}
       <TabsList className="sm:flex justify-center gap-4 hidden">
         {Object.keys(architectures).map((arch) => (
           <TabsTrigger
@@ -176,16 +177,23 @@ const TabsClient = ({ architectures, translations }: TabsClientProps) => {
           </TabsTrigger>
         ))}
       </TabsList>
-      <TabsList className="flex justify-center gap-4 sm:hidden">
+
+      {/* Mobile tabs - vertical stack */}
+      <div className="sm:hidden space-y-2">
         {Object.keys(architectures).map((arch) => (
-          <TabsTrigger
+          <button
             key={arch}
-            value={arch}
+            onClick={() => updateArchitecture(arch)}
+            className={`w-full text-left py-3 px-4 rounded-md border transition-colors ${
+              currentArch === arch
+                ? "bg-primary text-primary-foreground border-primary"
+                : "bg-background border-border hover:bg-muted"
+            }`}
           >
             {translations.tabsShortened[arch]}
-          </TabsTrigger>
+          </button>
         ))}
-      </TabsList>
+      </div>
       {Object.entries(architectures).map(([arch, data]) => (
         <TabsContent
           key={arch}
diff --git a/app/[locale]/download/page.tsx b/app/[locale]/download/page.tsx
index eaea6e28..87a1105f 100644
--- a/app/[locale]/download/page.tsx
+++ b/app/[locale]/download/page.tsx
@@ -19,7 +19,7 @@ const DownloadPage = () => {
   return (
     <>
       <div className="py-24 sm:py-32">
-        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-7xl px-2 lg:px-0">
           <div className="text-center">
             <h2 className="text-3xl font-bold font-display tracking-tight sm:text-4xl">
               {t("title")}