diff --git a/components/image-annotator.tsx b/components/image-annotator.tsx
index b2430c2af..94dac75e7 100644
--- a/components/image-annotator.tsx
+++ b/components/image-annotator.tsx
@@ -1795,7 +1795,7 @@ export function ImageAnnotator({
                   })}
                 </div>
                 <div className="h-7 w-px shrink-0 bg-border/60" />
-                <div className="flex min-w-[220px] items-center gap-3 rounded-[22px] bg-muted/35 px-3 py-2">
+                <div className="flex min-w-[280px] items-center gap-3 rounded-[22px] bg-muted/35 px-3 py-2">
                   <span className="shrink-0 text-xs font-medium text-muted-foreground">
                     缩放
                   </span>
@@ -1805,7 +1805,10 @@ export function ImageAnnotator({
                     min={0.1}
                     max={5}
                     step={0.01}
-                    className="flex-1"
+                    className="w-[160px] shrink-0"
+                    trackClassName="h-1.5 bg-white/12 dark:bg-white/12"
+                    rangeClassName="bg-emerald-400 dark:bg-emerald-400"
+                    thumbClassName="h-4 w-4 border border-emerald-300 bg-white shadow-[0_0_0_4px_rgba(16,185,129,0.18)] dark:bg-emerald-50"
                   />
                   <span className="min-w-[48px] shrink-0 text-right text-xs font-medium text-foreground">
                     {(resizeImageScale * 100).toFixed(0)}%