From 618e0337485c087c51825c3771022f8d700aa8ec Mon Sep 17 00:00:00 2001
From: Ryan Albrecht <ryan.albrecht@sentry.io>
Date: Mon, 3 Nov 2025 10:59:44 +0800
Subject: [PATCH] fix(replay): Fix overflow on replay snippets inside issues
 views

---
 .../components/events/eventReplay/replayClipPreviewPlayer.tsx   | 1 +
 .../app/components/events/eventReplay/replayPreviewPlayer.tsx   | 2 +-
 .../app/views/issueDetails/groupReplays/groupReplaysPlayer.tsx  | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/static/app/components/events/eventReplay/replayClipPreviewPlayer.tsx b/static/app/components/events/eventReplay/replayClipPreviewPlayer.tsx
index d22e8a62552301..5ca31ee0db431e 100644
--- a/static/app/components/events/eventReplay/replayClipPreviewPlayer.tsx
+++ b/static/app/components/events/eventReplay/replayClipPreviewPlayer.tsx
@@ -87,6 +87,7 @@ const PlayerContainer = styled(FluidHeight)`
   @media (min-width: ${p => p.theme.breakpoints.sm}) {
     min-height: ${REPLAY_LOADING_HEIGHT + 16}px;
   }
+  overflow: unset;
 `;
 
 const StyledNegativeSpaceContainer = styled(NegativeSpaceContainer)`
diff --git a/static/app/components/events/eventReplay/replayPreviewPlayer.tsx b/static/app/components/events/eventReplay/replayPreviewPlayer.tsx
index b8cfb6a600c3bc..d50f079d607de6 100644
--- a/static/app/components/events/eventReplay/replayPreviewPlayer.tsx
+++ b/static/app/components/events/eventReplay/replayPreviewPlayer.tsx
@@ -196,7 +196,6 @@ const PlayerPanel = styled('div')`
   gap: ${space(1)};
   flex-direction: column;
   flex-grow: 1;
-  overflow: hidden;
   height: 100%;
 `;
 
@@ -208,6 +207,7 @@ const PreviewPlayerContainer = styled(FluidHeight)<{isSidebarOpen: boolean}>`
   gap: ${space(2)};
   background: ${p => p.theme.background};
   height: unset;
+  overflow: unset;
 
   :fullscreen {
     padding: ${space(1)};
diff --git a/static/app/views/issueDetails/groupReplays/groupReplaysPlayer.tsx b/static/app/views/issueDetails/groupReplays/groupReplaysPlayer.tsx
index c90da8f5847d74..880d01b7a18cbe 100644
--- a/static/app/views/issueDetails/groupReplays/groupReplaysPlayer.tsx
+++ b/static/app/views/issueDetails/groupReplays/groupReplaysPlayer.tsx
@@ -90,6 +90,7 @@ const PlayerContainer = styled(FluidHeight)`
   @media (min-width: ${p => p.theme.breakpoints.sm}) {
     min-height: ${REPLAY_LOADING_HEIGHT_LARGE}px;
   }
+  overflow: unset;
 `;
 
 const StyledNegativeSpaceContainer = styled(NegativeSpaceContainer)`