From 730b2793ee656c6d9c7eeb58073085c32d49324f Mon Sep 17 00:00:00 2001
From: Marcin Sawicki <m.sawicki@livechat.com>
Date: Thu, 1 Aug 2024 13:21:29 +0200
Subject: [PATCH] fix(AppFrame): main nav scrollbar fix for safari

---
 .../components/NavigationGroup/NavigationGroup.module.scss   | 4 ++++
 .../components/SideNavigation/SideNavigation.module.scss     | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/packages/react-components/src/components/AppFrame/components/NavigationGroup/NavigationGroup.module.scss b/packages/react-components/src/components/AppFrame/components/NavigationGroup/NavigationGroup.module.scss
index bca8b8381..25207dbc3 100644
--- a/packages/react-components/src/components/AppFrame/components/NavigationGroup/NavigationGroup.module.scss
+++ b/packages/react-components/src/components/AppFrame/components/NavigationGroup/NavigationGroup.module.scss
@@ -11,5 +11,9 @@ $base-class: 'navigation-group';
   &--scrollable {
     overflow-y: scroll;
     scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      width: 0;
+    }
   }
 }
diff --git a/packages/react-components/src/components/AppFrame/components/SideNavigation/SideNavigation.module.scss b/packages/react-components/src/components/AppFrame/components/SideNavigation/SideNavigation.module.scss
index c76d1dfd0..ba25dcb76 100644
--- a/packages/react-components/src/components/AppFrame/components/SideNavigation/SideNavigation.module.scss
+++ b/packages/react-components/src/components/AppFrame/components/SideNavigation/SideNavigation.module.scss
@@ -51,6 +51,11 @@ $base-class: 'side-navigation';
       width: 4px;
     }
 
+    &::-webkit-scrollbar-thumb {
+      border-radius: 2px;
+      background-color: var(--action-neutral-hover);
+    }
+
     &--no-gaps {
       gap: 0;
     }