diff --git a/scss/sidebar.scss b/scss/sidebar.scss
index f4852647..9bac6799 100644
--- a/scss/sidebar.scss
+++ b/scss/sidebar.scss
@@ -120,7 +120,7 @@
         }
     }
 
-    .media {
+    .dashboard .media {
         @include lib.spacing(15);
 
         .cover-art {
diff --git a/src/modules/sidebar/dashboard.tsx b/src/modules/sidebar/dashboard.tsx
index d1d11853..c38d5844 100644
--- a/src/modules/sidebar/dashboard.tsx
+++ b/src/modules/sidebar/dashboard.tsx
@@ -58,7 +58,7 @@ const User = () => {
     );
 };
 
-const Media = ({ player }: { player: AstalMpris.Player }) => {
+const Media = ({ player }: { player: AstalMpris.Player | null }) => {
     const position = player
         ? Variable.derive([bind(player, "position"), bind(player, "length")], (p, l) => p / l)
         : Variable(0);
@@ -84,14 +84,14 @@ const Media = ({ player }: { player: AstalMpris.Player }) => {
                         hexpand
                         sensitive={player ? bind(player, "canGoPrevious") : false}
                         cursor="pointer"
-                        onClicked={() => player.next()}
+                        onClicked={() => player?.next()}
                         label="󰒮"
                     />
                     <button
                         hexpand
                         sensitive={player ? bind(player, "canControl") : false}
                         cursor="pointer"
-                        onClicked={() => player.play_pause()}
+                        onClicked={() => player?.play_pause()}
                         label={
                             player
                                 ? bind(player, "playbackStatus").as(s =>
@@ -104,7 +104,7 @@ const Media = ({ player }: { player: AstalMpris.Player }) => {
                         hexpand
                         sensitive={player ? bind(player, "canGoNext") : false}
                         cursor="pointer"
-                        onClicked={() => player.next()}
+                        onClicked={() => player?.next()}
                         label="󰒭"
                     />
                 </box>