From 11bbe5915cc4a8ba9e12e3e2720aaeab0dfa6eed Mon Sep 17 00:00:00 2001
From: aarush130 <aarush.saxena@amdocs.com>
Date: Fri, 30 Jan 2026 16:30:24 +0530
Subject: [PATCH] fix: remove unneeded horizontal scrollbar (#40)

- Change #app overflow from 'auto' to 'hidden' to prevent horizontal scrollbar
- Add overflow-x: hidden to scrollbar and scrollbar-inner elements
- Ensures only vertical scrolling is allowed via the Scrollable component
---
 src/App.scss                   | 10 ++++++++--
 src/resources/styles/root.scss |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index bc473d6..a732ada 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,12 +1,14 @@
 #app {
   display: flex;
   flex-direction: column;
-  overflow: auto;
+  overflow: hidden;
+  overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
 
   > .scrollbar {
     margin-top: 60px;
     max-height: calc(100% - 60px);
+    overflow-x: hidden;
 
     &.scrolling > .scrollbar-track .scrollbar-thumb-inner,
     .scrollbar-track:hover .scrollbar-thumb-inner {
@@ -21,5 +23,9 @@
         background-image: linear-gradient(adjust-hue($color-pink, -25), $color-pink);
       }
     }
+
+    > .scrollbar-inner {
+      overflow-x: hidden;
+    }
   }
-}
\ No newline at end of file
+}
diff --git a/src/resources/styles/root.scss b/src/resources/styles/root.scss
index 275ec75..6e6e1cc 100644
--- a/src/resources/styles/root.scss
+++ b/src/resources/styles/root.scss
@@ -26,4 +26,4 @@ ul, li {
   margin: 0;
   padding: 0;
   list-style: none;
-}
\ No newline at end of file
+}