diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss
index 3248e7b31..42cd6a8f1 100644
--- a/src/components/remotecontrol/remotecontrol.scss
+++ b/src/components/remotecontrol/remotecontrol.scss
@@ -325,13 +325,15 @@
     }
 
     .nowPlayingPageImageContainer {
+        display: flex;
+        flex-direction: column;
         flex-grow: 1;
         flex-shrink: 1;
+        align-items: center;
+        justify-content: center;
         width: 100%;
         min-height: 0;
         margin: 0 auto 0.5em;
-        display: flex;
-        align-items: center;
     }
 
     .nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon {
@@ -403,17 +405,13 @@
         margin: 0 auto;
     }
 
-    .nowPlayingPageImage.nowPlayingPageImageAudio {
+    .nowPlayingPageImage.nowPlayingPageImageAudio,
+    .nowPlayingPageImageContainer.nowPlayingPageImagePoster {
         width: auto;
         max-width: 100%;
         max-height: 100%;
     }
 
-    .nowPlayingPageImageContainer.nowPlayingPageImagePoster {
-        height: 50%;
-        overflow: hidden;
-    }
-
     .nowPlayingPageImageContainer.nowPlayingPageImagePoster img {
         height: 100%;
         width: auto;