diff --git a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
index c74dfdc..4ae8df9 100644
--- a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
@@ -78,7 +78,7 @@ export const WaveformCanvas = React.forwardRef<SpectrogramCanvasDerivedComponent
       const { default: WaveSurfer } = await import('wavesurfer.js');
       const waveSurferInstance = WaveSurfer.create({
         container: containerRef.current,
-        height: containerRef.current.clientHeight,
+        height: 'auto',
         autoplay: autoPlay,
         fillParent: true,
         waveColor,