Skip to content

Fix Live Transcription UI Animation to Animate Only Waveform

Issue Title

Fix Live Transcription UI Animation to Animate Only Waveform

Issue Description

The current Live Transcription UI animation causes the entire transcription card/container to move along with the waveform animation. This creates an unstable user experience and affects the visual consistency of the interface.

The expected behavior is that only the waveform/audio bars should animate dynamically based on microphone input, while the surrounding container, text, and layout remain completely static.

Expected Changes

  • Remove all transform, scale, floating, or motion animations from the parent transcription card/container.
  • Keep the Live Transcription box fixed in position during recording.
  • Animate only the waveform/audio visualization.
  • Maintain smooth and responsive waveform animations.
  • Preserve existing recording and transcription functionality without logic changes.
  • Retain current theme styling and glow effects only for the waveform.

Acceptance Criteria

  • The transcription card remains static during recording.
  • Only waveform/audio bars animate.
  • No layout shifting or container movement occurs.
  • Existing functionality remains unchanged.
  • UI remains responsive and visually consistent across screen sizes.