diff --git a/src/components/views/rooms/VoiceRecordComposerTile.tsx b/src/components/views/rooms/VoiceRecordComposerTile.tsx
index c6f831de3b..24e9e636cd 100644
--- a/src/components/views/rooms/VoiceRecordComposerTile.tsx
+++ b/src/components/views/rooms/VoiceRecordComposerTile.tsx
@@ -217,7 +217,7 @@ export default class VoiceRecordComposerTile extends React.PureComponent;
if (this.state.recorder && !this.state.recorder?.isRecording) {
- stopOrRecordBtn = null;
+ stopBtn = null;
}
}
@@ -266,13 +266,10 @@ export default class VoiceRecordComposerTile extends React.PureComponent;
}
- // The record button (mic icon) is meant to be on the right edge, but we also want the
- // stop button to be left of the waveform area. Luckily, none of the surrounding UI is
- // rendered when we're not recording, so the record button ends up in the correct spot.
return (<>
{ uploadIndicator }
{ deleteButton }
- { stopOrRecordBtn }
+ { stopBtn }
{ this.renderWaveformArea() }
>);
}