diff --git a/semcore/base-components/src/components/scroll-area/ScrollBar.tsx b/semcore/base-components/src/components/scroll-area/ScrollBar.tsx
index 575e015e0c..711c70e762 100644
--- a/semcore/base-components/src/components/scroll-area/ScrollBar.tsx
+++ b/semcore/base-components/src/components/scroll-area/ScrollBar.tsx
@@ -176,6 +176,14 @@ class ScrollBarRoot extends Component<ScrollBarProps, typeof ScrollBarRoot.enhan
 
     const visibleScroll = this.calculateVisibleScroll();
 
+    /*
+      Safari retains GPU-composited layers after DOM removal.
+      Resetting transform before unmount prevents ghost rendering artifacts.
+    */
+    if (!visibleScroll && this.$slider) {
+      this.$slider.style.transform = 'none';
+    }
+
     this.setState({ visibleScroll }, () => {
       if (!this.$container || !this.$bar || !this.$slider) return;
       const orientation = this.getOrientation();
diff --git a/stories/patterns/filters/serp-features/docs/examples/serp-filter.tsx b/stories/patterns/filters/serp-features/docs/examples/serp-filter.tsx
index f0c0734922..82992d1abd 100644
--- a/stories/patterns/filters/serp-features/docs/examples/serp-filter.tsx
+++ b/stories/patterns/filters/serp-features/docs/examples/serp-filter.tsx
@@ -271,7 +271,7 @@ const Demo = () => {
                             </Text>
                           )}
                     </ScrollArea.Container>
-                    {Boolean(options.length) && <ScrollArea.Bar orientation='vertical' />}
+                    <ScrollArea.Bar orientation='vertical' />
                   </ScrollArea>
                 </hideScrollBarsFromScreenReadersContext.Provider>