From d328d565178d3bc5ea8f551395802496ff2231c8 Mon Sep 17 00:00:00 2001
From: GarboMuffin <muffin@mailbox.org>
Date: Sat, 6 Aug 2022 00:53:09 -0500
Subject: [PATCH] Allow sound name input to shrink to avoid horizontal scroll
 bar

---
 src/components/sound-editor/sound-editor.css | 4 ++++
 src/components/sound-editor/sound-editor.jsx | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/components/sound-editor/sound-editor.css b/src/components/sound-editor/sound-editor.css
index 8464fef67..9bf993dd8 100644
--- a/src/components/sound-editor/sound-editor.css
+++ b/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;
diff --git a/src/components/sound-editor/sound-editor.jsx b/src/components/sound-editor/sound-editor.jsx
index 8f1a7d1fc..97706df22 100644
--- a/src/components/sound-editor/sound-editor.jsx
+++ b/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}>