From 3aa8dadaea283d268d1a8c5204b9c6607c0ba944 Mon Sep 17 00:00:00 2001
From: Ruben Thoms <ruben.thoms@ceetronsolutions.com>
Date: Fri, 12 Jan 2024 17:22:23 +0100
Subject: [PATCH] Fixed issues with z-index of marks and overflow

---
 frontend/src/lib/components/Slider/slider.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/Slider/slider.tsx b/frontend/src/lib/components/Slider/slider.tsx
index 8a29bdcc5..107ca10be 100644
--- a/frontend/src/lib/components/Slider/slider.tsx
+++ b/frontend/src/lib/components/Slider/slider.tsx
@@ -179,8 +179,8 @@ export const Slider = React.forwardRef((props: SliderProps, ref: React.Forwarded
                     slotProps={{
                         root: {
                             className: resolveClassNames(
-                                orientation === "vertical" ? "w-3" : "w-full",
-                                orientation === "vertical" ? "h-full" : "h-3",
+                                orientation === "vertical" ? "w-3" : "w-full mx-3",
+                                orientation === "vertical" ? "h-full my-3" : "h-3",
                                 "cursor-pointer",
                                 "touch-action-none",
                                 "inline-block",
@@ -273,7 +273,7 @@ export const Slider = React.forwardRef((props: SliderProps, ref: React.Forwarded
                                 "border-white",
                                 "transform",
                                 orientation === "vertical" ? "-translate-y-0" : "",
-                                "z-40"
+                                "z-20"
                             ),
                         },
                     }}