diff --git a/src/components/ui/toggle-row.tsx b/src/components/ui/toggle-row.tsx
index 6df8a37e3..a8535f357 100644
--- a/src/components/ui/toggle-row.tsx
+++ b/src/components/ui/toggle-row.tsx
@@ -20,7 +20,7 @@ export function ToggleRow({
   return (
     <div className="flex items-center justify-between gap-4 rounded-xl border border-border bg-card/50 p-4 transition-colors hover:bg-muted/50">
       <div className="flex items-center gap-3">
-        <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-background ring-1 ring-border">
+        <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-background ring-1 ring-border">
           {icon}
         </div>
         <div className="space-y-1">