diff --git a/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.presentation.test.ts b/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.presentation.test.ts
index 8cc7770d66..f850629bac 100644
--- a/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.presentation.test.ts
+++ b/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.presentation.test.ts
@@ -28,6 +28,8 @@ describe('GalleryDetailModal presentation contract', () => {
     expect(styles).toContain('container-name: gallery-detail-modal;');
     expect(styles).not.toContain('width: min(900px, 100%);');
     expect(styles).toContain('height: min(540px, calc(100vh - 48px));');
+    expect(styles).toContain('overflow-y: auto;');
+    expect(styles).toContain('overscroll-behavior: contain;');
     expect(styles).toContain('@container gallery-detail-modal (max-width: 360px)');
     expect(styles).not.toContain('@media (max-width: 720px)');
   });
diff --git a/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.scss b/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.scss
index 6864068972..03cd29c01c 100644
--- a/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.scss
+++ b/src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.scss
@@ -193,7 +193,8 @@
   .gallery-detail-modal__content {
     flex: 1 1 auto;
     min-height: 0;
-    overflow: hidden;
+    overflow-y: auto;
+    overscroll-behavior: contain;
   }
 }