diff --git a/components/Composer.tsx b/components/Composer.tsx index f1f48b3ad..62d2fa648 100644 --- a/components/Composer.tsx +++ b/components/Composer.tsx @@ -207,6 +207,12 @@ export function Composer(props: { disableSend: boolean; isDeveloperMode: boolean {props.isDeveloperMode ? 'Paste code' : 'Paste'} + {isSpeechEnabled && + + + + } + @@ -220,10 +226,16 @@ export function Composer(props: { disableSend: boolean; isDeveloperMode: boolean onKeyDown={handleKeyPress} onDragEnter={handleMessageDragEnter} value={composeText} onChange={(e) => setComposeText(e.target.value)} + slotProps={{ + textarea: { + sx: { + ...(isSpeechEnabled ? { pr: { md: 5 } } : {}), + }, + }, + }} sx={{ fontSize: '16px', lineHeight: 1.75, - pr: isSpeechEnabled ? { xs: 4, md: 5 } : 0, // accounts for the microphone icon when supported }} />