diff --git a/public/index.html b/public/index.html
index fef6e743e..ac32d79cc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2785,10 +2785,10 @@
                                             </div>
                                             <div class="range-block-range-and-counter">
                                                 <div class="range-block-range paddingLeftRight5">
-                                                    <input type="range" id="world_info_depth" name="volume" min="0" max="100" step="1">
+                                                    <input class="neo-range-slider" type="range" id="world_info_depth" name="volume" min="0" max="100" step="1">
                                                 </div>
                                                 <div class="range-block-counter margin0">
-                                                    <input type="number" data-for="world_info_depth" id="world_info_depth_counter">
+                                                    <input class="neo-range-input" type="number" min="0" max="100" step="1" data-for="world_info_depth" id="world_info_depth_counter">
                                                 </div>
                                             </div>
                                         </div>
@@ -2798,10 +2798,10 @@
                                             </div>
                                             <div class="range-block-range-and-counter ">
                                                 <div class="range-block-range paddingLeftRight5">
-                                                    <input type="range" id="world_info_budget" name="volume" min="1" max="100" step="1">
+                                                    <input class="neo-range-slider" type="range" id="world_info_budget" name="volume" min="1" max="100" step="1">
                                                 </div>
                                                 <div class="range-block-counter margin0">
-                                                    <input type="number" min="1" max="100" step="1" data-for="world_info_budget" id="world_info_budget_counter">
+                                                    <input class="neo-range-input" type="number" min="1" max="100" step="1" data-for="world_info_budget" id="world_info_budget_counter">
                                                 </div>
                                             </div>
                                         </div>
@@ -2811,10 +2811,10 @@
                                             </div>
                                             <div class="range-block-range-and-counter ">
                                                 <div class="range-block-range paddingLeftRight5">
-                                                    <input type="range" id="world_info_budget_cap" name="volume" min="0" max="8192" step="1">
+                                                    <input class="neo-range-slider" type="range" id="world_info_budget_cap" name="volume" min="0" max="8192" step="1">
                                                 </div>
                                                 <div class="range-block-counter margin0">
-                                                    <input type="number" min="0" max="8192" step="1" data-for="world_info_budget_cap" id="world_info_budget_cap_counter">
+                                                    <input class="neo-range-input" type="number" min="0" max="8192" step="1" data-for="world_info_budget_cap" id="world_info_budget_cap_counter">
                                                 </div>
                                             </div>
                                             <div class="budget_cap_note">
@@ -2827,10 +2827,10 @@
                                             </div>
                                             <div class="range-block-range-and-counter">
                                                 <div class="range-block-range paddingLeftRight5">
-                                                    <input type="range" id="world_info_min_activations" name="volume" min="0" max="100" step="1">
+                                                    <input class="neo-range-slider" type="range" id="world_info_min_activations" name="volume" min="0" max="100" step="1">
                                                 </div>
                                                 <div class="range-block-counter margin0">
-                                                    <input type="number" data-for="world_info_min_activations" id="world_info_min_activations_counter">
+                                                    <input class="neo-range-input" type="number"  min="0" max="100" step="1" data-for="world_info_min_activations" id="world_info_min_activations_counter">
                                                 </div>
                                             </div>
                                         </div>
@@ -2840,10 +2840,10 @@
                                             </div>
                                             <div class="range-block-range-and-counter">
                                                 <div class="range-block-range paddingLeftRight5">
-                                                    <input type="range" id="world_info_min_activations_depth_max" name="volume" min="0" max="100" step="1">
+                                                    <input class="neo-range-slider" type="range" id="world_info_min_activations_depth_max" name="volume" min="0" max="100" step="1">
                                                 </div>
                                                 <div class="range-block-counter margin0">
-                                                    <input type="number" data-for="world_info_min_activations_depth_max" id="world_info_min_activations_depth_max_counter">
+                                                    <input class="neo-range-input" type="number"  min="0" max="100" step="1" data-for="world_info_min_activations_depth_max" id="world_info_min_activations_depth_max_counter">
                                                 </div>
                                             </div>
                                             <div class="budget_cap_note">