diff --git a/frontend/src/Components/Form/KeyValueListInputItem.css b/frontend/src/Components/Form/KeyValueListInputItem.css
index e136823c2..7365e9f1d 100644
--- a/frontend/src/Components/Form/KeyValueListInputItem.css
+++ b/frontend/src/Components/Form/KeyValueListInputItem.css
@@ -8,8 +8,13 @@
   }
 }
 
-.inputWrapper {
+.keyInputWrapper {
+  flex: 6 0 0;
+}
+
+.valueInputWrapper {
   flex: 1 0 0;
+  min-width: 40px;
 }
 
 .buttonWrapper {
diff --git a/frontend/src/Components/Form/KeyValueListInputItem.js b/frontend/src/Components/Form/KeyValueListInputItem.js
index f6b82ed0f..81b46d7d6 100644
--- a/frontend/src/Components/Form/KeyValueListInputItem.js
+++ b/frontend/src/Components/Form/KeyValueListInputItem.js
@@ -63,7 +63,7 @@ class KeyValueListInputItem extends Component {
 
     return (
       <div className={styles.itemContainer}>
-        <div className={styles.inputWrapper}>
+        <div className={styles.keyInputWrapper}>
           <TextInput
             className={styles.keyInput}
             name="key"
@@ -75,7 +75,7 @@ class KeyValueListInputItem extends Component {
           />
         </div>
 
-        <div className={styles.inputWrapper}>
+        <div className={styles.valueInputWrapper}>
           <TextInput
             className={styles.valueInput}
             name="value"