diff --git a/assets/main.scss b/assets/main.scss
index 81f8a68..e505c27 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -327,12 +327,20 @@ button {
             @apply w-full flex-nowrap;
 
             input {
-                @apply w-20 bg-slate-300;
+                @apply w-20 bg-slate-100;
             }
         }
 
         &_checkbox {
-            @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4;
+            @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-2 items-center;
+
+            label {
+                @apply leading-none;
+            }
+
+            svg {
+                @apply text-slate-500;
+            }
         }
 
         &_range {
@@ -350,13 +358,13 @@ button {
             }
         }
 
-        &_color {
+        &_picker {
             @apply w-full;
-        }
 
-        // input[type=range] {
-        //     @apply min-w-[calc(100%-8rem)] xl:min-w-min py-0 -translate-y-1/2;
-        // }
+            svg {
+                @apply text-slate-500;
+            }
+        }
     }
 }
 
diff --git a/components/calc/models.vue b/components/calc/models.vue
index 1dcae39..3729cdc 100644
--- a/components/calc/models.vue
+++ b/components/calc/models.vue
@@ -25,7 +25,7 @@ const cameraStat = reactive({
         </template>
         <Loader />
         <Stats />
-        <TresCanvas clear-color="#ccc">
+        <TresCanvas clear-color="#e2e8f0">
             <TresPerspectiveCamera v-bind="cameraStat" ref="camera" />
             <OrbitControls v-bind="controlsState" make-default />
             <Suspense>
diff --git a/components/calc/values.vue b/components/calc/values.vue
index bcf3b51..c2484ca 100644
--- a/components/calc/values.vue
+++ b/components/calc/values.vue
@@ -198,10 +198,10 @@ const calc_table = computed(() => {
             <div class="form-row">
                 <div class="form-item form-item_color">
                     <label for="pillar_pattern">Узор столба</label>
-                    <DropdownPicker type="pattern" :cb="setPillarPattern" name="pillar_pattern" :pattern="pillar_pattern"
-                        :disabled="remove_pillar"
+                    <DropdownPicker type="pattern" :cb="setPillarPattern" name="pillar_pattern"
+                        :pattern="pillar_pattern" :disabled="remove_pillar"
                         :goto_target="new Vector3(fence_section * 0.5, lamelles_count * lamelle_height, 0)"
-                        :goto_cam="new Vector3(1, 2, -1)"/>
+                        :goto_cam="new Vector3(1, 2, -1)" />
                 </div>
             </div>
         </div>
@@ -241,16 +241,18 @@ const calc_table = computed(() => {
             </div>
             <div class="form-row">
                 <div class="form-item form-item_checkbox">
-                    <input id="auto_length" type="checkbox" v-model="form_state.auto_length" />
+                    <Icon :name="`mdi:check-box-outline${!form_state.auto_length ? '-blank' : ''}`"
+                        @click="form_state.auto_length = !form_state.auto_length" />
+                    <input id="auto_length" type="checkbox" hidden v-model="form_state.auto_length" />
                     <label for="auto_length">Автоматический подбор секции</label>
                 </div>
                 <p v-if="!form_state.auto_length" class="text-ioprim text-sm">
                     Рекомендуем вам включить автоподбор длины секции
                 </p>
-            </div>
-            <div class="form-row">
                 <div class="form-item form-item_checkbox">
-                    <input id="remove_pillar" type="checkbox" v-model="form_state.remove_pillar" />
+                    <Icon :name="`mdi:check-box-outline${!form_state.remove_pillar ? '-blank' : ''}`"
+                        @click="form_state.remove_pillar = !form_state.remove_pillar" />
+                    <input id="remove_pillar" type="checkbox" hidden v-model="form_state.remove_pillar" />
                     <label for="remove_pillar">Без столбов</label>
                 </div>
             </div>