diff --git a/public/index.html b/public/index.html
index cd8ade0..76c406a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1208,7 +1208,7 @@
                                        class="w-full bg-surface-container-lowest border border-outline-variant rounded-lg h-10 px-sm text-body-md text-on-surface focus:border-primary focus:ring-4 focus:ring-primary/20 outline-none">
                             </div>
 
-                            <div id="hardwarePricingFields" style="display:none;" class="grid grid-cols-2 gap-md">
+                            <div id="hardwarePricingFields" class="hidden grid-cols-2 gap-md">
                                 <div class="flex flex-col gap-base">
                                     <label class="text-label-caps text-on-surface-variant" for="hardwareEk">Hardware-EK</label>
                                     <input type="number" id="hardwareEk" name="hardware_ek" step="0.01" min="0" placeholder="0.00"
diff --git a/public/script.js b/public/script.js
index 2ae145d..5db1ebb 100644
--- a/public/script.js
+++ b/public/script.js
@@ -3661,16 +3661,16 @@ function toggleHardwarePricing() {
     const kundenverkaufspreisInput = document.getElementById('kundenverkaufspreis');
 
     if (hardwareInput.value.trim() !== '') {
-        // Show pricing fields and make them required
-        hardwarePricingFields.style.display = 'block';
+        // Reveal the grid wrapper (Tailwind `grid` + `grid-cols-2`).
+        hardwarePricingFields.classList.remove('hidden');
+        hardwarePricingFields.classList.add('grid');
         hardwareEkInput.required = true;
         kundenverkaufspreisInput.required = true;
     } else {
-        // Hide pricing fields and remove required attribute
-        hardwarePricingFields.style.display = 'none';
+        hardwarePricingFields.classList.add('hidden');
+        hardwarePricingFields.classList.remove('grid');
         hardwareEkInput.required = false;
         kundenverkaufspreisInput.required = false;
-        // Clear values
         hardwareEkInput.value = '';
         kundenverkaufspreisInput.value = '';
     }