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}