From 777b59359c99103b4503a364c574ff4df6a6f9ba Mon Sep 17 00:00:00 2001
From: ajnart <thomas@ajnart.dev>
Date: Sat, 22 Aug 2026 10:52:06 +0200
Subject: [PATCH] fix: use scroll area viewport class

---
 packages/widgets/src/bookmarks/bookmark.module.css | 2 +-
 packages/widgets/src/bookmarks/component.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/widgets/src/bookmarks/bookmark.module.css b/packages/widgets/src/bookmarks/bookmark.module.css
index 9443ec198..e82a66de2 100644
--- a/packages/widgets/src/bookmarks/bookmark.module.css
+++ b/packages/widgets/src/bookmarks/bookmark.module.css
@@ -24,7 +24,7 @@
   background-color: var(--mantine-color-iconColor-filled-hover);
 }
 
-.compactScrollArea :global(.mantine-ScrollArea-viewport) > div {
+.compactScrollViewport > div {
   display: flex !important;
   width: 100%;
   min-height: 100%;
diff --git a/packages/widgets/src/bookmarks/component.tsx b/packages/widgets/src/bookmarks/component.tsx
index e956eec7a..e8311219d 100644
--- a/packages/widgets/src/bookmarks/component.tsx
+++ b/packages/widgets/src/bookmarks/component.tsx
@@ -130,7 +130,7 @@ export default function BookmarksWidget({
       )}
       {displayMode !== "advanced" && (
         <ScrollArea
-          className={classes.compactScrollArea}
+          classNames={{ viewport: classes.compactScrollViewport }}
           type="auto"
           scrollbarSize={6}
           style={{ flex: 1, minHeight: 0 }}