diff --git a/client/coral-configure/components/ConfigureCommentStream.js b/client/coral-configure/components/ConfigureCommentStream.js
index e621f85f1..67f959390 100644
--- a/client/coral-configure/components/ConfigureCommentStream.js
+++ b/client/coral-configure/components/ConfigureCommentStream.js
@@ -48,7 +48,7 @@ export default ({handleChange, handleApply, changed, updateQuestionBoxContent, .
 
           <div className={`${styles.configSettingQuestionBox} ${props.questionBoxEnable ? null : styles.hidden}`} >
             <TextField
-              id="qboxcontent"
+              name="qboxcontent"
               className={`${styles.configSettingQuestionBoxInfo}`}
               onChange={updateQuestionBoxContent}
               rows={3}
diff --git a/client/coral-ui/components/TextField.js b/client/coral-ui/components/TextField.js
index 6c7b30ad1..c72957076 100644
--- a/client/coral-ui/components/TextField.js
+++ b/client/coral-ui/components/TextField.js
@@ -4,15 +4,16 @@ import 'material-design-lite';
 
 export default class TextField extends Component {
   render() {
-    const {id, className, onChange, label, rows, value} = this.props;
+    const {name, className, onChange, label, rows, value, style} = this.props;
     return (
       <TextFieldMDL
-        id={id}
+        name={name}
         className={className}
         onChange={onChange}
         label={label}
         rows={rows}
         value={value}
+        style={style}
       />
     );
   }