From 0267067c5a34079896854934ab3cbc4bf841ba38 Mon Sep 17 00:00:00 2001
From: Bram Maegerman <bram.maegerman@telenet.be>
Date: Thu, 27 Aug 2026 13:12:37 +0200
Subject: [PATCH] 144560: fix clipped admin sidebar text on firefox on macOS

---
 src/app/admin/admin-sidebar/admin-sidebar.component.scss | 7 +++++++
 src/app/root/root.component.ts                           | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/src/app/admin/admin-sidebar/admin-sidebar.component.scss b/src/app/admin/admin-sidebar/admin-sidebar.component.scss
index a679155c323..8c7381cc3f6 100644
--- a/src/app/admin/admin-sidebar/admin-sidebar.component.scss
+++ b/src/app/admin/admin-sidebar/admin-sidebar.component.scss
@@ -143,4 +143,11 @@
   .browser-firefox-windows {
     --ds-dark-scrollbar-width: 20px;
   }
+  .browser-firefox-macOS {
+    --ds-dark-scrollbar-width: 15px;
+  }
+  // Set default for firefox browser on all OSs
+  .browser-firefox {
+    --ds-dark-scrollbar-width: 15px;
+  }
 }
diff --git a/src/app/root/root.component.ts b/src/app/root/root.component.ts
index e237736eb66..e6ba1c4cfce 100644
--- a/src/app/root/root.component.ts
+++ b/src/app/root/root.component.ts
@@ -157,6 +157,8 @@ export class RootComponent implements OnInit {
     const userAgent = this._window.nativeWindow.navigator?.userAgent;
     if (/Windows/.test(userAgent)) {
       return 'windows';
+    } else if (/Macintosh/.test(userAgent)) {
+      return 'macOS';
     }
     return undefined;
   }