diff --git a/static/index.html b/static/index.html
index dcc0190..d54c0df 100644
--- a/static/index.html
+++ b/static/index.html
@@ -162,9 +162,19 @@
             </div>
             <div class="slider-container">
                 <label for="ploopSetpoint">P-loop Setpoint (bars):</label>
-                <input type="range" min="0.5" max="3.5" step="0.1" value="1.0" id="ploopSetpoint" onchange="updatePloopSetpoint(this.value)">
-                <span id="ploopValue">1.0</span>
+                <div class="slider-values">
+                    <span id="minValue">0.5</span>
+                    <span id="currentValue">1.0</span>
+                    <span id="maxValue">3.5</span>
+                </div>
+                <input type="range" min="0.5" max="3.5" step="0.1" value="1.0" id="ploopSetpoint" class="slider" oninput="updatePloopSetpoint(this.value)">
             </div>
+
+            <script>
+                function updatePloopSetpoint(value) {
+                    document.getElementById('currentValue').textContent = value;
+                }
+            </script>
             <div class="mode-block">
                 <button onclick="sendCommand('ThermalLoopCleaning', 0, this)"><i class="fas fa-fire"></i> Thermal Loop Cleaning</button>
             </div>