diff --git a/docs/.vitepress/theme/components/price-estimator/LabModal.vue b/docs/.vitepress/theme/components/price-estimator/LabModal.vue
index 73e45c28d2..55acf39eda 100644
--- a/docs/.vitepress/theme/components/price-estimator/LabModal.vue
+++ b/docs/.vitepress/theme/components/price-estimator/LabModal.vue
@@ -45,7 +45,7 @@ const save = () => {
     machineSubscription: formData.value.machineSubscription,
     archive: Number(formData.value.archive),
     work: Number(formData.value.work),
-    scratch: Number(formData.value.scratch),
+    scratch: formData.value.scratch,
     isDefault: true,
   })
   emit("close")
@@ -85,15 +85,15 @@ onMounted(() => {
           </v-col>
 
           <v-col cols="12" sm="6">
-            <v-text-field v-model="formData.archive" label="Archive Storage (TB)" type="number" variant="outlined" min="0" placeholder="0.4"></v-text-field>
+            <v-number-input v-model="formData.archive" label="Archive Storage (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
           </v-col>
 
           <v-col cols="12" sm="6">
-            <v-text-field v-model="formData.work" label="Work Storage (TB)" type="number" variant="outlined" min="0" placeholder="0.3"></v-text-field>
+            <v-number-input v-model="formData.work" label="Work Storage (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
           </v-col>
 
           <v-col cols="12" sm="6">
-            <v-text-field v-model="formData.scratch" label="Scratch Storage (TB)" type="number" variant="outlined" min="0" placeholder="0.4"></v-text-field>
+            <v-number-input v-model="formData.scratch" label="Scratch Storage (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
           </v-col>
         </v-row>
       </v-container>
diff --git a/docs/.vitepress/theme/components/price-estimator/StorageModal.vue b/docs/.vitepress/theme/components/price-estimator/StorageModal.vue
index 9cc896a030..2e0aa9e8fe 100644
--- a/docs/.vitepress/theme/components/price-estimator/StorageModal.vue
+++ b/docs/.vitepress/theme/components/price-estimator/StorageModal.vue
@@ -80,19 +80,7 @@ onMounted(() => {
               <v-select :items="['HDD', 'NVME']" v-model="formData.type" label="Type" required variant="outlined"></v-select>
             </v-col>
             <v-col cols="12">
-              <v-text-field
-                v-model="formData.size"
-                label="Size (TB)"
-                hint="Enter the size of the storage in Terrabytes"
-                persistent-hint
-                type="number"
-                :min="1"
-                :max="100"
-                :step="1"
-                required
-                suffix="TB"
-                variant="outlined"
-              ></v-text-field>
+              <v-number-input v-model="formData.size" label="Size (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
             </v-col>
           </v-form>
         </v-row>