diff --git a/components/calcValues.vue b/components/calcValues.vue
index e368108..e7b7313 100644
--- a/components/calcValues.vue
+++ b/components/calcValues.vue
@@ -54,11 +54,15 @@ watch(form_state, changeParametres, { deep: true })
             <div class="form-row">
                 <div class="form-item">
                     <label for="length">Длина секции, мм</label>
+                    <Icon type="button" @click="increment('length')">-</Icon>
                     <input id="length" type="number" v-bind="parametric.length" v-model="form_state.length" />
+                    <Icon type="button" @click="increment('length')">+</Icon>
                 </div>
                 <div class="form-item">
                     <label for="height">Высота забора, мм</label>
+                    <Icon type="button" @click="increment('length')">-</Icon>
                     <input id="height" type="number" v-bind="parametric.height" v-model="form_state.height" />
+                    <Icon type="button" @click="increment('length')">+</Icon>
                 </div>
             </div>
             <div class="form-row">
diff --git a/components/model/parametric.vue b/components/model/parametric.vue
index 0580a0f..81d436a 100644
--- a/components/model/parametric.vue
+++ b/components/model/parametric.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Environment } from '@tresjs/cientos'
-import { CineonToneMapping, PCFShadowMap } from 'three';
+import { ReinhardToneMapping, PCFShadowMap } from 'three';
 
 const lamelles_count = useState<number>('lamelles_count')
 const fence_section = useState<number>('fence_section')
@@ -12,7 +12,7 @@ const bSize = 0.0235
 const pillar_size = 80 * 0.001
 
 const { renderer } = useTresContext()
-renderer.value.toneMapping = CineonToneMapping
+renderer.value.toneMapping = ReinhardToneMapping
 
 renderer.value.shadowMap.enabled = true
 renderer.value.shadowMap.type = PCFShadowMap