From e53c40508e62165684d61cf245d9bed24ab1ccc6 Mon Sep 17 00:00:00 2001
From: Aadhil Ahamed <aadhil2k4@gmail.com>
Date: Sat, 1 Feb 2025 09:27:31 +0530
Subject: [PATCH] Refactored UpdateSession

---
 src/components/UpdateSession/UpdateSession.tsx | 12 ------------
 src/style/app.module.css                       | 10 ++++++++++
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/UpdateSession/UpdateSession.tsx b/src/components/UpdateSession/UpdateSession.tsx
index 2fea2dc129..63d1662c80 100644
--- a/src/components/UpdateSession/UpdateSession.tsx
+++ b/src/components/UpdateSession/UpdateSession.tsx
@@ -177,18 +177,6 @@ const UpdateTimeout: React.FC<TestInterfaceUpdateTimeoutProps> = ({
                 step={5}
                 min={15}
                 max={60}
-                sx={{
-                  '& .MuiSlider-track': {
-                    backgroundColor: '#1778f2',
-                    border: 'none',
-                  },
-                  '& .MuiSlider-thumb': {
-                    backgroundColor: '#1778f2',
-                  },
-                  '& .MuiSlider-rail': {
-                    backgroundColor: '#E6E6E6',
-                  },
-                }}
                 className={styles.slider}
               />
             </Box>
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 5efd03ee96..8212381239 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -370,6 +370,7 @@
   --createButtonEventHeader-border: var(--dark-grey);
   --createButtonEventHeader-hover-color: var(--black-color);
   --createButtonEventHeader-boxshadow: rgba(0, 0, 0, 0.3);
+  --slider-rail-bg: #e6e6e6;
 }
 
 .fonts {
@@ -895,6 +896,15 @@
 
 .slider .MuiSlider-track {
   background-color: var(--slider-bg) !important;
+  border: 'none';
+}
+
+.slider .MuiSlider-thumb {
+  background-color: var(--slider-bg) !important;
+}
+
+.slider .MuiSlider-rail {
+  background-color: var(--slider-rail-bg) !important;
 }
 
 .removeButton {