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>