diff --git a/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts b/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts
index 507aff5384d..256736a94bb 100644
--- a/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts
+++ b/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts
@@ -7,6 +7,7 @@ import {
 
 export const container = style({
   WebkitOverflowScrolling: 'touch',
+  WebkitMaskComposite: 'destination-in', // Fallback for browsers that don't support mask-composite
   maskComposite: 'intersect',
 });