From ce36b5a2532510e37527908439ff2758a0b56873 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Tue, 11 Nov 2025 04:55:01 +0000
Subject: [PATCH] completionId: cgen-00b3f8633ef348668534b5d49d988079

cgen-00b3f8633ef348668534b5d49d988079
---
 client/components/ArmSwitcher.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/client/components/ArmSwitcher.tsx b/client/components/ArmSwitcher.tsx
index 5a7fba63..731f6654 100644
--- a/client/components/ArmSwitcher.tsx
+++ b/client/components/ArmSwitcher.tsx
@@ -128,9 +128,9 @@ export default function ArmSwitcher() {
         ))}
       </div>
 
-      {/* Tablet Version - Spaced Horizontal Layout (md to lg) */}
-      <div className="hidden md:flex lg:hidden items-center gap-4">
-        {ARMS.slice(0, 5).map((arm) => (
+      {/* Tablet Version - Show all arms (md to lg) */}
+      <div className="hidden md:flex lg:hidden items-center gap-3">
+        {ARMS.map((arm) => (
           <button
             key={arm.id}
             onClick={handleArmClick}
@@ -149,13 +149,6 @@ export default function ArmSwitcher() {
             </div>
           </button>
         ))}
-        <button
-          onClick={handleArmClick}
-          className="h-11 w-11 flex items-center justify-center rounded-lg border border-border/60 bg-background/60 hover:bg-background/80 transition-colors flex-shrink-0"
-          title="View all arms"
-        >
-          <span className="text-sm font-semibold text-gray-400">+2</span>
-        </button>
       </div>
 
       {/* Mobile Version - Use main logo button for arm selection */}