From 8ffd86012fdaef3e4a3445fdfbc32e385649cbaf Mon Sep 17 00:00:00 2001
From: Daniel Han <danielhanchen@gmail.com>
Date: Mon, 16 Mar 2026 06:58:46 +0000
Subject: [PATCH] Change "Stop loading" to outlined "Stop" button

---
 .../features/chat/components/model-load-status.tsx   | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/studio/frontend/src/features/chat/components/model-load-status.tsx b/studio/frontend/src/features/chat/components/model-load-status.tsx
index 9686011aca..19eff054f7 100644
--- a/studio/frontend/src/features/chat/components/model-load-status.tsx
+++ b/studio/frontend/src/features/chat/components/model-load-status.tsx
@@ -10,7 +10,6 @@ type ModelLoadDescriptionProps = {
   progressPercent?: number | null;
   progressLabel?: string | null;
   onStop?: () => void;
-  stopLabel?: string;
 };
 
 function clampProgress(value: number): number {
@@ -22,7 +21,6 @@ export function ModelLoadDescription({
   progressPercent,
   progressLabel,
   onStop,
-  stopLabel = "Stop loading",
 }: ModelLoadDescriptionProps) {
   const hasProgress = typeof progressPercent === "number";
 
@@ -45,11 +43,11 @@ export function ModelLoadDescription({
         <Button
           type="button"
           size="xs"
-          variant="ghost"
-          className="h-5 shrink-0 px-2 text-[10px] text-muted-foreground hover:text-foreground"
+          variant="outline"
+          className="h-5 shrink-0 px-2 text-[10px]"
           onClick={onStop}
         >
-          {stopLabel}
+          Stop
         </Button>
       ) : null}
     </div>
@@ -94,8 +92,8 @@ export function ModelLoadInlineStatus({
         <Button
           type="button"
           size="xs"
-          variant="ghost"
-          className="shrink-0 text-[11px] text-muted-foreground hover:text-foreground"
+          variant="outline"
+          className="shrink-0 text-[11px]"
           onClick={onStop}
         >
           Stop