diff --git a/src/components/Widgets/ListControl.css b/src/components/Widgets/ListControl.css
index 116a1f7b..3c265c14 100644
--- a/src/components/Widgets/ListControl.css
+++ b/src/components/Widgets/ListControl.css
@@ -22,6 +22,7 @@
 
 .addButtonText {
   margin-left: 4px;
+  text-transform: lowercase;
 }
 
 .removeButton {
diff --git a/src/components/Widgets/ListControl.js b/src/components/Widgets/ListControl.js
index ec19cde8..7ba6dae3 100644
--- a/src/components/Widgets/ListControl.js
+++ b/src/components/Widgets/ListControl.js
@@ -171,11 +171,13 @@ export default class ListControl extends Component {
 
   renderListControl() {
     const { value, forID } = this.props;
+    const listLabel = this.props.field._root.entries[0][1];
+
     return (<div id={forID}>
       {value && value.map((item, index) => this.renderItem(item, index))}
       <button className={styles.addButton} onClick={this.handleAdd}>
         <FontIcon value="add" className={styles.addButtonIcon} />
-        <span className={styles.addButtonText}>new</span>
+        <span className={styles.addButtonText}>new {listLabel}</span>
       </button>
     </div>);
   }