From f348dffb9783f8dcd2498269b9e9f945bb9dd376 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 6 Nov 2025 19:32:52 +0000
Subject: [PATCH] completionId: cgen-a4a37487e4f541ea99733be5b78c9a0d

cgen-a4a37487e4f541ea99733be5b78c9a0d
---
 client/components/ArmSwitcher.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/components/ArmSwitcher.tsx b/client/components/ArmSwitcher.tsx
index 65814a11..783352c1 100644
--- a/client/components/ArmSwitcher.tsx
+++ b/client/components/ArmSwitcher.tsx
@@ -79,12 +79,12 @@ export default function ArmSwitcher() {
   };
 
   return (
-    <div className="flex items-center gap-2">
+    <div className="flex items-center gap-4 sm:gap-6">
       {ARMS.map((arm) => (
         <button
           key={arm.id}
           onClick={() => handleArmClick(arm.href)}
-          className="group relative h-10 w-10 flex items-center justify-center rounded-lg hover:scale-110 transition-transform duration-200"
+          className="group relative h-12 w-12 sm:h-14 sm:w-14 flex items-center justify-center rounded-lg hover:scale-125 transition-transform duration-200"
           title={arm.name}
         >
           <div className={`absolute inset-0 rounded-lg ${arm.bgColor} opacity-0 group-hover:opacity-100 transition-opacity duration-200`} />
@@ -92,11 +92,11 @@ export default function ArmSwitcher() {
           <img
             src={LOGO_URLS[arm.id]}
             alt={arm.label}
-            className="relative h-8 w-8 object-contain transition-all duration-200"
+            className="relative h-10 w-10 sm:h-12 sm:w-12 object-contain transition-all duration-200"
           />
 
           {/* Tooltip */}
-          <div className="absolute top-full left-1/2 -translate-x-1/2 mt-2 px-2 py-1 bg-gray-900 rounded text-xs text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap pointer-events-none">
+          <div className="absolute top-full left-1/2 -translate-x-1/2 mt-3 px-2 py-1 bg-gray-900 rounded text-xs text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap pointer-events-none z-50">
             {arm.name}
           </div>
         </button>