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..8fb103f0 100644
--- a/src/components/Widgets/ListControl.js
+++ b/src/components/Widgets/ListControl.js
@@ -170,12 +170,14 @@ export default class ListControl extends Component {
   }
 
   renderListControl() {
-    const { value, forID } = this.props;
+    const { value, forID, field } = this.props;
+    const listLabel = field.get('label');
+
     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>);
   }