From af3b9669dcc872cb89b867c4ea1328f0bb53744d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Sun, 8 Mar 2026 11:30:17 +0100
Subject: [PATCH] Fixed player hiding the bottom of the page and elements
 behind the player being visible

---
 app/components/Player/index.vue | 2 ++
 app/ui/Sidebar.vue              | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/Player/index.vue b/app/components/Player/index.vue
index ec78d9d..1b08c68 100644
--- a/app/components/Player/index.vue
+++ b/app/components/Player/index.vue
@@ -131,6 +131,8 @@ const fullscreen = useFullscreen()
 	border-radius: $border-radius-lg;
 	border: 1px solid $color-border;
 
+	background-color: $color-background;
+
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 1rem;
diff --git a/app/ui/Sidebar.vue b/app/ui/Sidebar.vue
index eef62f7..737e3b1 100644
--- a/app/ui/Sidebar.vue
+++ b/app/ui/Sidebar.vue
@@ -38,7 +38,7 @@
 		width: 100%;
 		height: 100%;
 		overflow-y: auto;
-		padding: 2rem 3rem;
+		padding: 2rem 3rem calc(2rem + $player-height);
 	}
 }
 </style>