diff --git a/src/components/waveform/waveform.jsx b/src/components/waveform/waveform.jsx
index 7b46760ac33130ff405e245085a24a7c464b4fb5..563aee33f1794a43bc60729d4d83f05197c628b7 100644
--- a/src/components/waveform/waveform.jsx
+++ b/src/components/waveform/waveform.jsx
@@ -33,7 +33,7 @@ const Waveform = props => {
             <g transform={`scale(1, -1) translate(0, -${height / 2})`}>
                 <path
                     className={styles.waveformPath}
-                    d={`M0 0${pathComponents.join()}Z`}
+                    d={`M0 0${pathComponents.join(' ')}Z`}
                     strokeLinejoin={'round'}
                     strokeWidth={2}
                 />
diff --git a/test/unit/components/__snapshots__/sound-editor.test.jsx.snap b/test/unit/components/__snapshots__/sound-editor.test.jsx.snap
index 693cf59cf31bcc3271be429d4976f391cec1a1f8..ac545dd6e20c70b72d02d387cb3b898055ccc67f 100644
--- a/test/unit/components/__snapshots__/sound-editor.test.jsx.snap
+++ b/test/unit/components/__snapshots__/sound-editor.test.jsx.snap
@@ -99,7 +99,7 @@ exports[`Sound Editor Component matches snapshot 1`] = `
         >
           <path
             className={undefined}
-            d="M0 0Q0 0 60 45,Q120 90 180 135,Q240 180 300 225,Q360 270 420 135,Q480 0 480 0,Q480 0 420 -135,Q360 -270 300 -225,Q240 -180 180 -135,Q120 -90 60 -45,Q0 0 0 0Z"
+            d="M0 0Q0 0 60 45 Q120 90 180 135 Q240 180 300 225 Q360 270 420 135 Q480 0 480 0 Q480 0 420 -135 Q360 -270 300 -225 Q240 -180 180 -135 Q120 -90 60 -45 Q0 0 0 0Z"
             strokeLinejoin="round"
             strokeWidth={2}
           />