diff --git a/public/js/admin/audit-analytics.js b/public/js/admin/audit-analytics.js
index eb18eaf8..ba3924d4 100644
--- a/public/js/admin/audit-analytics.js
+++ b/public/js/admin/audit-analytics.js
@@ -993,7 +993,7 @@ async function showCostConfigModal() {
               <input type="range" id="cost-${severity}-slider"
                      min="${config.min}" max="${config.max}" step="${config.step}"
                      value="${amount}"
-                     class="w-full h-2 bg-purple-200 rounded-lg appearance-none cursor-pointer slider">
+                     class="slider">
               <div class="flex justify-between text-xs text-gray-500 mt-1">
                 <span>$${(config.min / 1000).toFixed(0)}k</span>
                 <span>$${(config.max / 1000).toFixed(0)}k</span>
@@ -1042,7 +1042,26 @@ async function showCostConfigModal() {
 
     <style>
       /* Custom slider styling */
+      .slider {
+        -webkit-appearance: none;
+        appearance: none;
+        width: 100%;
+        height: 8px;
+        background: #e9d5ff;
+        border-radius: 5px;
+        outline: none;
+      }
+
+      /* WebKit browsers (Chrome, Safari, Edge) */
+      .slider::-webkit-slider-track {
+        width: 100%;
+        height: 8px;
+        background: #e9d5ff;
+        border-radius: 5px;
+      }
+
       .slider::-webkit-slider-thumb {
+        -webkit-appearance: none;
         appearance: none;
         width: 20px;
         height: 20px;
@@ -1051,10 +1070,20 @@ async function showCostConfigModal() {
         cursor: pointer;
         transition: all 0.15s ease;
       }
+
       .slider::-webkit-slider-thumb:hover {
         background: #7e22ce;
         transform: scale(1.1);
       }
+
+      /* Firefox */
+      .slider::-moz-range-track {
+        width: 100%;
+        height: 8px;
+        background: #e9d5ff;
+        border-radius: 5px;
+      }
+
       .slider::-moz-range-thumb {
         width: 20px;
         height: 20px;
@@ -1064,6 +1093,7 @@ async function showCostConfigModal() {
         border: none;
         transition: all 0.15s ease;
       }
+
       .slider::-moz-range-thumb:hover {
         background: #7e22ce;
         transform: scale(1.1);