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
}} />