From 63d8da34d3476f191a6249ca13a249961885d9e1 Mon Sep 17 00:00:00 2001
From: Daniel Han <danielhanchen@gmail.com>
Date: Thu, 23 Jul 2026 21:55:13 -0700
Subject: [PATCH] Studio: use text-ui-* tokens instead of raw px in the voice
 tab

Replaces the raw text-[9px] and text-[10px] classes with the text-ui-9 and text-ui-10 scale tokens so the voice tab labels honor the --ui-font-scale typography setting like the rest of the UI.
---
 studio/frontend/src/features/settings/tabs/voice-tab.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/studio/frontend/src/features/settings/tabs/voice-tab.tsx b/studio/frontend/src/features/settings/tabs/voice-tab.tsx
index 59c03bdf14..2dc3d01de8 100644
--- a/studio/frontend/src/features/settings/tabs/voice-tab.tsx
+++ b/studio/frontend/src/features/settings/tabs/voice-tab.tsx
@@ -278,13 +278,13 @@ function SttModelPicker({
                       {sttModelName(model)}
                     </span>
                     {twoLines ? (
-                      <span className="mt-0.5 block truncate font-mono text-[9px] leading-tight text-muted-foreground">
+                      <span className="mt-0.5 block truncate font-mono text-ui-9 leading-tight text-muted-foreground">
                         {sttModelSource(model)}
                       </span>
                     ) : null}
                   </span>
                   {sttModelSize(model) ? (
-                    <span className="shrink-0 text-[10px] tabular-nums text-muted-foreground">
+                    <span className="shrink-0 text-ui-10 tabular-nums text-muted-foreground">
                       {sttModelSize(model)}
                     </span>
                   ) : null}