Fix border between play button and effects when wrapped

src/components/sound-editor/sound-editor.css

@@ -94,6 +94,12 @@ $border-radius: 0.25rem;
     min-width: 1.25rem;
 }
 
+.round-button-outer {
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
 .round-button {
     height: 3rem;
     width: 3rem;

src/components/sound-editor/sound-editor.jsx

@@ -257,7 +257,7 @@ const SoundEditor = props => (
             </div>
         </div>
         <div className={classNames(styles.row, styles.rowReverse)}>
-            <div className={styles.inputGroup}>
+            <div className={classNames(styles.roundButtonOuter, styles.inputGroup)}>
                 {props.playhead ? (
                     <button
                         className={classNames(styles.roundButton, styles.stopButtonn)}