diff --git a/src/shared/ui/ComboControl/ComboControl.svelte b/src/shared/ui/ComboControl/ComboControl.svelte
index 32d2276..9782d36 100644
--- a/src/shared/ui/ComboControl/ComboControl.svelte
+++ b/src/shared/ui/ComboControl/ComboControl.svelte
@@ -93,7 +93,7 @@ const displayLabel = $derived(label ?? controlLabel ?? '');
             step={control.step}
             orientation="horizontal"
         />
-        <span class="font-mono text-[0.6875rem] text-secondary tabular-nums w-10 text-right shrink-0">
+        <span class="font-mono text-xs text-secondary tabular-nums w-10 text-right shrink-0">
             {formattedValue()}
         </span>
     </div>
@@ -136,7 +136,7 @@ const displayLabel = $derived(label ?? controlLabel ?? '');
                             {#if displayLabel}
                                 <span
                                     class="
-                                        text-[0.5625rem] font-primary font-bold tracking-tight uppercase
+                                        text-3xs font-primary font-bold tracking-tight uppercase
                                         text-neutral-900 dark:text-neutral-100
                                         mb-0.5 leading-none
                                     "
diff --git a/src/shared/ui/ControlGroup/ControlGroup.svelte b/src/shared/ui/ControlGroup/ControlGroup.svelte
index abe45b7..d987bd0 100644
--- a/src/shared/ui/ControlGroup/ControlGroup.svelte
+++ b/src/shared/ui/ControlGroup/ControlGroup.svelte
@@ -25,7 +25,7 @@ const { label, children, class: className }: Props = $props();
 </script>
 
 <div class={cn('flex flex-col gap-3 py-6 border-b border-subtle last:border-0', className)}>
-    <div class="flex justify-between items-center text-[0.6875rem] font-primary font-bold tracking-tight text-neutral-900 dark:text-neutral-100 uppercase leading-none">
+    <div class="flex justify-between items-center text-xs font-primary font-bold tracking-tight text-neutral-900 dark:text-neutral-100 uppercase leading-none">
         {label}
     </div>
     {@render children?.()}
diff --git a/src/shared/ui/Input/Input.svelte b/src/shared/ui/Input/Input.svelte
index c65b185..b8a33ad 100644
--- a/src/shared/ui/Input/Input.svelte
+++ b/src/shared/ui/Input/Input.svelte
@@ -148,7 +148,7 @@ const inputClasses = $derived(cn(
     {#if helperText}
         <span
             class={cn(
-                'text-[0.625rem] font-mono tracking-wide px-1',
+                'text-2xs font-mono tracking-wide px-1',
                 error ? 'text-brand ' : 'text-secondary',
             )}
         >
diff --git a/src/shared/ui/Section/SectionHeader/SectionHeader.svelte b/src/shared/ui/Section/SectionHeader/SectionHeader.svelte
index 9e76d42..89e6be5 100644
--- a/src/shared/ui/Section/SectionHeader/SectionHeader.svelte
+++ b/src/shared/ui/Section/SectionHeader/SectionHeader.svelte
@@ -53,7 +53,7 @@ const indexStr = $derived(String(index).padStart(2, '0'));
     </div>
 
     {#if subtitle}
-        <span class="text-neutral-300 dark:text-neutral-700 text-[0.625rem] hidden md:inline">/</span>
+        <span class="text-neutral-300 dark:text-neutral-700 text-2xs hidden md:inline">/</span>
         <Label variant="muted" size="sm">{subtitle}</Label>
     {/if}
 </div>
diff --git a/src/shared/ui/Slider/Slider.svelte b/src/shared/ui/Slider/Slider.svelte
index ce43c28..2b2de67 100644
--- a/src/shared/ui/Slider/Slider.svelte
+++ b/src/shared/ui/Slider/Slider.svelte
@@ -69,7 +69,7 @@ let {
 
 const isVertical = $derived(orientation === 'vertical');
 
-const labelClasses = `font-mono text-[0.625rem] tabular-nums shrink-0
+const labelClasses = `font-mono text-2xs tabular-nums shrink-0
     text-secondary
     group-hover:text-neutral-700 dark:group-hover:text-neutral-300
     transition-colors`;