From 4569c5bc008e1e08bc7c5158e453f32adf59716c Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Mon, 10 Nov 2025 20:04:56 +0000
Subject: [PATCH] completionId: cgen-72ee92f5b18343c5a7e841a1b6f7a48a

cgen-72ee92f5b18343c5a7e841a1b6f7a48a
---
 client/components/ArmSwitcherModal.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/components/ArmSwitcherModal.tsx b/client/components/ArmSwitcherModal.tsx
index 2cca065a..533d1fc5 100644
--- a/client/components/ArmSwitcherModal.tsx
+++ b/client/components/ArmSwitcherModal.tsx
@@ -152,22 +152,22 @@ export default function ArmSwitcherModal({
       <div className="flex-1 overflow-y-auto flex items-center justify-center px-4 sm:px-6 py-4 sm:py-2">
         {!selectedArm ? (
           // Arm Grid - Minimal
-          <div className="w-full max-w-sm space-y-1.5">
+          <div className="w-full max-w-sm space-y-1">
             {ARMS.map((arm) => (
               <button
                 key={arm.id}
                 type="button"
                 onClick={() => handleSelectArm(arm.id)}
-                className="w-full p-4 rounded-lg border border-gray-700/50 bg-gray-900/30 hover:bg-gray-800/50 hover:border-gray-600 transition-all duration-200 text-left group"
+                className="w-full p-3 rounded-lg border border-gray-700/50 bg-gray-900/30 hover:bg-gray-800/50 hover:border-gray-600 transition-all duration-200 text-left group"
               >
-                <div className="flex items-center gap-3">
+                <div className="flex items-center gap-2.5">
                   <img
                     src={arm.icon}
                     alt={arm.label}
-                    className="w-10 h-10 object-contain group-hover:scale-110 transition-transform"
+                    className="w-8 h-8 object-contain group-hover:scale-110 transition-transform flex-shrink-0"
                   />
                   <div className="flex-1 min-w-0">
-                    <h3 className={`font-semibold text-sm ${arm.textColor}`}>
+                    <h3 className={`font-semibold text-xs ${arm.textColor}`}>
                       {arm.label}
                     </h3>
                     <p className="text-xs text-gray-500 truncate">{arm.tip}</p>