From 7e12403d8439bd25dcd7b68003f74d74e3eccc4a Mon Sep 17 00:00:00 2001
From: Yichen Jiang <jyc132780208@sina.com>
Date: Thu, 17 Sep 2026 14:11:11 +0800
Subject: [PATCH] fix(voice-input): reduce recording action icon sizes

---
 .../client-ui-voice-input/src/client/VoiceInput.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/experimental/client-ui-voice-input/src/client/VoiceInput.tsx b/packages/experimental/client-ui-voice-input/src/client/VoiceInput.tsx
index 6d50aefcce..977810e3ad 100644
--- a/packages/experimental/client-ui-voice-input/src/client/VoiceInput.tsx
+++ b/packages/experimental/client-ui-voice-input/src/client/VoiceInput.tsx
@@ -133,14 +133,14 @@ export function VoiceInput({ sessionId, inputActions, locked, onActiveChange,
     onMouseDown={(event) =>{  event.preventDefault() }} onClick={() => { void start() }}><IconMicrophoneOutline16 size={18} /></Button>
   return <div className={css.captureRow} data-voice-activity={phase}>
     <Button type="button" className={css.roundButton} size="sm" aria-label={t(pending ? 'discard' : 'cancel')}
-      onClick={cancel}><IconCloseOutline16 size={18} /></Button>
+      onClick={cancel}><IconCloseOutline16 size={14} /></Button>
     {phase === 'recording' ? <Waveform recording={current.current?.capture} label={t('recording')} />
       : <span className={css.activityMessage} role="status" title={pending || message}>
         {(phase === 'requesting' || phase === 'transcribing') && <StateDot state="ongoing" />}
         {phase === 'feedback' ? message : t(phase === 'requesting' ? 'requesting'
           : provider?.preparation.phase === 'waking' ? 'wakingShort' : 'transcribingShort')}</span>}
     {phase === 'recording' && <Button type="button" className={css.roundButton} size="sm" aria-label={t('stop')}
-      onClick={() => { void finish() }}><IconStopFill16 size={18} /></Button>}
+      onClick={() => { void finish() }}><IconStopFill16 size={14} /></Button>}
     {phase === 'feedback' && (pending
       ? <Button className={css.inlineAction} size="sm" type="button" onClick={() => {
         if (inputActions.insertText(pending, inputActions.captureInsertion())) { setPending(''); setPhase('idle') }