From e1537ce7ebe3cb17f4d59d59fdf020abbcb6c2b0 Mon Sep 17 00:00:00 2001
From: Neil <neil@stably.ai>
Date: Fri, 26 Jun 2026 19:43:06 -0700
Subject: [PATCH] Fix wobbling session-history loading spinner
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The "Scanning sessions" loader sat in a `flex items-center gap-2` row
next to a plain text span with no flex-1/min-w-0 sibling to absorb
slack. Both items default to flex-shrink: 1, so the SVG could be
compressed below its 14px width while keeping 14px height — a
non-square box shifts the rotation pivot off center, making the icon
drift instead of spinning in place.

Add `shrink-0`, matching every other text-adjacent spinner in the app.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../src/components/right-sidebar/AiVaultPanelControls.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/right-sidebar/AiVaultPanelControls.tsx b/src/renderer/src/components/right-sidebar/AiVaultPanelControls.tsx
index 0b42428f6a0..227e96ccca9 100644
--- a/src/renderer/src/components/right-sidebar/AiVaultPanelControls.tsx
+++ b/src/renderer/src/components/right-sidebar/AiVaultPanelControls.tsx
@@ -76,7 +76,7 @@ export function SessionLoadingState(): React.JSX.Element {
   return (
     <div className="px-3 py-3" aria-busy="true">
       <div className="mb-3 flex items-center gap-2 text-[11px] text-muted-foreground">
-        <LoaderCircle className="size-3.5 animate-spin" />
+        <LoaderCircle className="size-3.5 shrink-0 animate-spin" />
         <span>
           {translate(
             'auto.components.right.sidebar.AiVaultPanelControls.scanningSessions',