diff --git a/macrovision.css b/macrovision.css
index e7f2fb46..5861fa21 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -99,13 +99,13 @@ body {
     font-size: 150%;
 }
 
-.options-row input {
-    flex: 1;
+.options-row .options-field-numeric {
+    flex: 2;
     width: 50%;
     font-size: 150%;
 }
 
-.options-row select {
+.options-row .options-field-unit {
     flex: 1;
     width: 50%;
     font-size: 150%;
diff --git a/macrovision.html b/macrovision.html
index dd5e743d..42709dbc 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -29,8 +29,8 @@
         World height
       </div>
       <div class="options-row">
-        <input type="number" id="options-height-value" min="1" value="10">
-        <select id="options-height-unit">
+        <input class="options-field-numeric" type="number" id="options-height-value" min="1" value="10">
+        <select class="options-field-unit" id="options-height-unit">
           <option>meters</option>
           <option>kilometers</option>
         </select>