diff --git a/assets/main.scss b/assets/main.scss
index 1d0fa2c..518bbd6 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -323,6 +323,18 @@ button {
             @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4;
         }
 
+        &_range {
+            @apply w-full;
+
+            >div {
+                @apply flex flex-nowrap w-full gap-2 items-center;
+
+                input {
+                    @apply flex-grow;
+                }
+            }
+        }
+
         &_color {
             @apply w-full;
         }
diff --git a/components/calc/values.vue b/components/calc/values.vue
index fb91092..4b0d430 100644
--- a/components/calc/values.vue
+++ b/components/calc/values.vue
@@ -226,19 +226,23 @@ const calc_table = computed(() => {
             </div>
         </div>
         <div class="form-row">
-            <div class="form-item w-full">
+            <div class="form-item form-item_range w-full">
                 <label for="length">Длина ламельного блока, мм</label>
-                <input :value.input="`${form_state.length.toFixed(0)} мм`" disabled class="w-full" />
-                <input id="length" type="range" class="xl:w-full" v-bind="parametric.length" v-model="form_state.length"
-                    :disabled="form_state.auto_length" :ref="form_refs.length" />
+                <div>
+                    <span>{{ form_state.length.toFixed(0) }}&nbsp;мм</span>
+                    <input id="length" type="range" v-bind="parametric.length" v-model="form_state.length"
+                        :disabled="form_state.auto_length" :ref="form_refs.length" />
+                </div>
             </div>
         </div>
         <div class="form-row">
-            <div class="form-item w-full">
+            <div class="form-item form-item_range w-full">
                 <label for="height">Высота забора, мм</label>
-                <input :value="`${form_state.height} мм`" class="w-full" disabled />
-                <input id="height" type="range" class="xl:w-full" v-bind="parametric.height" v-model="form_state.height"
-                    :ref="form_refs.height" />
+                <div>
+                    <span>{{ form_state.height }}&nbsp;мм</span>
+                    <input id="height" type="range" v-bind="parametric.height" v-model="form_state.height"
+                        :ref="form_refs.height" />
+                </div>
             </div>
         </div>
         <div class="form-row">