Allow sound name input to shrink to avoid horizontal scroll bar

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

@@ -52,6 +52,10 @@
     border-right: 1px dashed $ui-black-transparent;
 }
 
+.name-input {
+    width: 100%;
+}
+
 .waveform-container {
     display: flex;
     justify-content: space-around;

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

@@ -181,6 +181,7 @@ const SoundEditor = props => (
                         type="text"
                         value={props.name}
                         onSubmit={props.onChangeName}
+                        className={styles.nameInput}
                     />
                 </Label>
                 <div className={styles.buttonGroup}>