diff --git a/src/App/styles.less b/src/App/styles.less
index 116b9b0be..5c50bd6bd 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -157,7 +157,6 @@ html {
     user-select: none;
     touch-action: manipulation;
     background-color: var(--secondary-background-color);
-    background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 100%);
     -webkit-tap-highlight-color: transparent;
 
     @media (display-mode: standalone) {
diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index 6623bc283..bacc3ca09 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -87,9 +87,11 @@
 @media @phone-portrait {
     .side-drawer {
         max-width: 100dvw;
+        padding-top: calc(@padding + var(--safe-area-inset-top));
 
         .close-button {
             display: block;
+            top: calc(1.3rem + var(--safe-area-inset-top));
         }
     }
 }