diff --git a/res/css/views/dialogs/_DevtoolsDialog.scss b/res/css/views/dialogs/_DevtoolsDialog.scss
index f8c863505a..815e8408b5 100644
--- a/res/css/views/dialogs/_DevtoolsDialog.scss
+++ b/res/css/views/dialogs/_DevtoolsDialog.scss
@@ -73,6 +73,14 @@ limitations under the License.
     width: 100%;
 }
 
+.mx_DevTools_content .mx_Field_input {
+    display: inline-block;
+}
+
+.mx_DevTools_content .mx_Field_input + .mx_Field_input {
+    margin-left: 42px;
+}
+
 .mx_DevTools_tgl {
     display: none;
 
diff --git a/src/components/views/dialogs/DevtoolsDialog.js b/src/components/views/dialogs/DevtoolsDialog.js
index 8bf9310dca..3db516a74d 100644
--- a/src/components/views/dialogs/DevtoolsDialog.js
+++ b/src/components/views/dialogs/DevtoolsDialog.js
@@ -57,7 +57,7 @@ class GenericEditor extends DevtoolsComponent {
     }
 
     textInput(id, label) {
-        return <Field id={id} label={label} size="32" autoFocus={true} type="text" autoComplete="on"
+        return <Field id={id} label={label} size="42" autoFocus={true} type="text" autoComplete="on"
                       value={this.state[id]} onChange={this._onChange} />;
     }
 }