From e05d69f34a4582670cf7bd4fdd5dc7f1441212c5 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Mon, 27 May 2024 13:18:57 +0200
Subject: [PATCH] Remove scrollbar from iterations footer iterations

---
 app/css/ui-kit/scroll.css                                     | 4 ++--
 .../components/mentoring/session/IterationsList.tsx           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/css/ui-kit/scroll.css b/app/css/ui-kit/scroll.css
index c6bdc70d68..8e255a0198 100644
--- a/app/css/ui-kit/scroll.css
+++ b/app/css/ui-kit/scroll.css
@@ -14,14 +14,14 @@
             white 20px,
             white 95%,
             transparent
-        );
+        ) !important;
         mask-image: linear-gradient(
             to right,
             transparent,
             white 20px,
             white 95%,
             transparent
-        );
+        ) !important;
         @apply pl-20 pr-[5%];
     }
 
diff --git a/app/javascript/components/mentoring/session/IterationsList.tsx b/app/javascript/components/mentoring/session/IterationsList.tsx
index 6f3f255df3..46660cc5f2 100644
--- a/app/javascript/components/mentoring/session/IterationsList.tsx
+++ b/app/javascript/components/mentoring/session/IterationsList.tsx
@@ -58,7 +58,7 @@ export const IterationsList = ({
 
   return (
     <>
-      <nav className="iterations">
+      <nav className="iterations scroll-x-hidden">
         {iterations.map((iteration) => (
           <IterationButton
             key={iteration.idx}