diff --git a/src/components/ActiveModule.vue b/src/components/ActiveModule.vue
index dd9405d18..0a1adc1b6 100644
--- a/src/components/ActiveModule.vue
+++ b/src/components/ActiveModule.vue
@@ -44,7 +44,7 @@
           }"
         >
           <c span="2">Alpha</c>
-          <c span="4">
+          <c span="4" class="active-module__alpha-input">
             <Range
               value="1"
               min="0"
diff --git a/src/components/Control.vue b/src/components/Control.vue
index 977bf1d08..f9aa80f31 100644
--- a/src/components/Control.vue
+++ b/src/components/Control.vue
@@ -248,4 +248,10 @@ input[type="number"] {
   color: #fff;
   padding: 2px 3px;
 }
+
+.input {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
 </style>
diff --git a/src/components/Controls/CollapsibleControl.vue b/src/components/Controls/CollapsibleControl.vue
index 82291d9ec..502555a2b 100644
--- a/src/components/Controls/CollapsibleControl.vue
+++ b/src/components/Controls/CollapsibleControl.vue
@@ -1,5 +1,5 @@
 <template>
-  <fragment>
+  <div>
     <c span="1.." class="label-row" :class="{ disabled }">
       <grid columns="4">
         <c span="1">
@@ -15,7 +15,7 @@
     </c>
 
     <slot name="body" v-if="!disabled && open" />
-  </fragment>
+  </div>
 </template>
 
 <script>
diff --git a/src/components/Controls/RangeControl.vue b/src/components/Controls/RangeControl.vue
index 38d699955..2e1584afa 100644
--- a/src/components/Controls/RangeControl.vue
+++ b/src/components/Controls/RangeControl.vue
@@ -382,5 +382,6 @@ div {
   height: 16px;
   display: inline-block;
   vertical-align: top;
+  line-height: 0;
 }
 </style>
diff --git a/src/components/Controls/Vec2DControl.vue b/src/components/Controls/Vec2DControl.vue
index 9aebcaf7c..c1e002105 100644
--- a/src/components/Controls/Vec2DControl.vue
+++ b/src/components/Controls/Vec2DControl.vue
@@ -9,7 +9,7 @@
             @mousedown.stop="focusInput('0', 'x')"
           >
             <c span="1+1">X</c>
-            <c span="3">
+            <c span="3" class="input">
               <RangeControl
                 :min="-1"
                 :max="1"
@@ -26,7 +26,7 @@
             @mousedown.stop="focusInput('1', 'y')"
           >
             <c span="1+1">Y</c>
-            <c span="3">
+            <c span="3" class="input">
               <RangeControl
                 :min="-1"
                 :max="1"
diff --git a/src/components/inputs/Number.vue b/src/components/inputs/Number.vue
index 2dc65c142..995b86a6f 100644
--- a/src/components/inputs/Number.vue
+++ b/src/components/inputs/Number.vue
@@ -40,6 +40,5 @@ input {
   padding: 0 4px;
   box-sizing: border-box;
   width: 100%;
-  vertical-align: top;
 }
 </style>
diff --git a/src/components/inputs/Range.vue b/src/components/inputs/Range.vue
index 3a8023ca7..2a37292fa 100644
--- a/src/components/inputs/Range.vue
+++ b/src/components/inputs/Range.vue
@@ -1,11 +1,13 @@
 <template>
-  <RightClickNumberInput v-bind="$props" @input="handleNumberInput">
-    <input
+  <RightClickNumberInput
+    v-bind="$props"
+    @input="handleNumberInput"
+    class="range-control__number"
+    ><input
       type="range"
       @input="$emit('input', parseFloat($event.target.value, 10))"
       v-bind="$props"
-    />
-  </RightClickNumberInput>
+  /></RightClickNumberInput>
 </template>
 
 <script>
@@ -36,6 +38,12 @@ export default {
 </script>
 
 <style scoped>
+.range-control__number {
+  width: 100%;
+  height: 16px;
+  display: flex;
+}
+
 input {
   -webkit-appearance: none;
   background: transparent;