From acc6bdf3eb9e79267a273b35cbdb9b9a579a3c68 Mon Sep 17 00:00:00 2001
From: Boof2015 <75185879+Boof2015@users.noreply.github.com>
Date: Wed, 8 Jul 2026 02:07:54 -0400
Subject: [PATCH] minor ui undo/fix

---
 src/app/_layout.tsx     | 2 +-
 src/app/now-playing.tsx | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/_layout.tsx b/src/app/_layout.tsx
index ef4715a..154aa72 100644
--- a/src/app/_layout.tsx
+++ b/src/app/_layout.tsx
@@ -363,7 +363,7 @@ export default function RootLayout() {
               presentation: 'transparentModal',
               animation: 'none',
               gestureEnabled: false,
-              contentStyle: { backgroundColor: theme.colors.bgPrimary },
+              contentStyle: { backgroundColor: 'transparent' },
             }}
           />
         </Stack>
diff --git a/src/app/now-playing.tsx b/src/app/now-playing.tsx
index 63a556e..fb7bff3 100644
--- a/src/app/now-playing.tsx
+++ b/src/app/now-playing.tsx
@@ -1080,12 +1080,17 @@ export default function NowPlayingScreen() {
 const useStyles = createThemedStyles((colors) => ({
   backdrop: {
     flex: 1,
-    backgroundColor: colors.bgPrimary,
+    backgroundColor: 'transparent',
   },
   content: {
     flex: 1,
     backgroundColor: colors.bgPrimary,
     alignItems: 'center',
+    // Clip the sheet to its own bounds. The NowPlayingWash bleeds up via negative
+    // offsets to reach the true screen edges — fine at rest (this box is full-screen),
+    // but while swiping the sheet down that overflow would spill above its top edge
+    // onto the screen behind. Clipping contains the wash to the sheet in both states.
+    overflow: 'hidden',
   },
   shell: {
     flex: 1,