diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less
index 6bf3368d..870d5e81 100644
--- a/src/renderer/less/bootstrap.less
+++ b/src/renderer/less/bootstrap.less
@@ -7693,7 +7693,7 @@ fieldset:disabled .btn {
   word-wrap: break-word;
   background-color: var(--modalBackground);
   background-clip: padding-box;
-  box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-ShadowSubtle);
+  box-shadow: var(--mediaItemShadow), var(--mediaItemShadow-Shadow);
   border-radius: var(--mediaItemRadius);
 }
 .popover .popover-arrow {
diff --git a/src/renderer/less/helpers.less b/src/renderer/less/helpers.less
index 35ffc268..73ee3d45 100644
--- a/src/renderer/less/helpers.less
+++ b/src/renderer/less/helpers.less
@@ -489,21 +489,35 @@
 
 .mediainfo-popover {
   user-select: none;
-  .popover-artwork {
-    width: 200px;
-    height: 200px;
-    margin: 0 0 20px 0;
-  }
+  background-color: rgb(0 0 0 / 100%);
+  overflow: hidden;
 
-  .song-name {
-    font-weight: 600;
-  }
-  .song-artist,.song-album {
-    opacity: 0.75;
-    cursor: pointer;
+  .content {
+    .shadow-artwork {
+      height: 100%;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: -1;
+      filter:blur(32px) brightness(50%) saturate(280%);
+    }
+    .popover-artwork {
+      width: 200px;
+      height: 200px;
+      margin: 0 0 20px 0;
+    }
 
-    &:hover {
-      text-decoration: underline;
+    .song-name {
+      font-weight: 600;
+    }
+    .song-artist,.song-album {
+      opacity: 0.75;
+      cursor: pointer;
+
+      &:hover {
+        text-decoration: underline;
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 0ff0028f..2a3ede26 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -8,19 +8,24 @@
                         <mediaitem-artwork :url="currentArtUrl"></mediaitem-artwork>
                     </div>
                     <b-popover custom-class="mediainfo-popover" target="artworkLCD" triggers="hover" placement="right">
-                        <div class="popover-artwork">
-                            <mediaitem-artwork :size="210" :url="currentArtUrlRaw"></mediaitem-artwork>
-                        </div>
-                        <div class="song-name">{{ mk.nowPlayingItem["attributes"]["name"] }}</div>
-                        <div class="song-artist" @click="getNowPlayingItemDetailed(`artist`)">{{ mk.nowPlayingItem["attributes"]["artistName"] }}</div>
-                        <div class="song-album" @click="getNowPlayingItemDetailed(`album`)">
-                            {{(mk.nowPlayingItem["attributes"]["albumName"]) ?
-                            (mk.nowPlayingItem["attributes"]["albumName"]) : "" }}
-                        </div>
-                        <hr>
-                        <div class="btn-group" style="width:100%;">
-                            <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; miniPlayer(true)">{{ $root.getLz("term.miniplayer") }}</button>
-                            <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; fullscreen(true)">{{ $root.getLz("term.fullscreenView") }}</button>
+                        <div class="content">
+                            <div class="shadow-artwork">
+                                <mediaitem-artwork :url="currentArtUrl" :url="currentArtUrlRaw"></mediaitem-artwork>
+                            </div>
+                            <div class="popover-artwork">
+                                <mediaitem-artwork :size="210" :url="currentArtUrlRaw"></mediaitem-artwork>
+                            </div>
+                            <div class="song-name">{{ mk.nowPlayingItem["attributes"]["name"] }}</div>
+                            <div class="song-artist" @click="getNowPlayingItemDetailed(`artist`)">{{ mk.nowPlayingItem["attributes"]["artistName"] }}</div>
+                            <div class="song-album" @click="getNowPlayingItemDetailed(`album`)">
+                                {{(mk.nowPlayingItem["attributes"]["albumName"]) ?
+                                (mk.nowPlayingItem["attributes"]["albumName"]) : "" }}
+                            </div>
+                            <hr>
+                            <div class="btn-group" style="width:100%;">
+                                <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; miniPlayer(true)">{{ $root.getLz("term.miniplayer") }}</button>
+                                <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; fullscreen(true)">{{ $root.getLz("term.fullscreenView") }}</button>
+                            </div>
                         </div>
                     </b-popover>
                     <div class="playback-info">
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index c0297f73..adbd9d0a 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -80,19 +80,24 @@
                         <mediaitem-artwork :url="currentArtUrl"></mediaitem-artwork>
                     </div>
                     <b-popover custom-class="mediainfo-popover" target="artworkLCD" triggers="hover" placement="bottom">
-                        <div class="popover-artwork">
-                            <mediaitem-artwork :size="210" :url="currentArtUrlRaw"></mediaitem-artwork>
-                        </div>
-                        <div class="song-name">{{ mk.nowPlayingItem["attributes"]["name"] }}</div>
-                        <div class="song-artist" @click="getNowPlayingItemDetailed(`artist`)">{{ mk.nowPlayingItem["attributes"]["artistName"] }}</div>
-                        <div class="song-album" @click="getNowPlayingItemDetailed(`album`)">
-                            {{(mk.nowPlayingItem["attributes"]["albumName"]) ?
-                            (mk.nowPlayingItem["attributes"]["albumName"]) : "" }}
-                        </div>
-                        <hr>
-                        <div class="btn-group" style="width:100%;">
-                            <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; miniPlayer(true)">{{ $root.getLz("term.miniplayer") }}</button>
-                            <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; fullscreen(true)">{{ $root.getLz("term.fullscreenView") }}</button>
+                        <div class="content">
+                            <div class="shadow-artwork">
+                                <mediaitem-artwork :url="currentArtUrl" :url="currentArtUrlRaw"></mediaitem-artwork>
+                            </div>
+                            <div class="popover-artwork">
+                                <mediaitem-artwork :size="210" :url="currentArtUrlRaw"></mediaitem-artwork>
+                            </div>
+                            <div class="song-name">{{ mk.nowPlayingItem["attributes"]["name"] }}</div>
+                            <div class="song-artist" @click="getNowPlayingItemDetailed(`artist`)">{{ mk.nowPlayingItem["attributes"]["artistName"] }}</div>
+                            <div class="song-album" @click="getNowPlayingItemDetailed(`album`)">
+                                {{(mk.nowPlayingItem["attributes"]["albumName"]) ?
+                                (mk.nowPlayingItem["attributes"]["albumName"]) : "" }}
+                            </div>
+                            <hr>
+                            <div class="btn-group" style="width:100%;">
+                                <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; miniPlayer(true)">{{ $root.getLz("term.miniplayer") }}</button>
+                                <button class="md-btn md-btn-small" style="width: 100%;" @click="drawer.open = false; fullscreen(true)">{{ $root.getLz("term.fullscreenView") }}</button>
+                            </div>
                         </div>
                     </b-popover>
                     <div class="playback-info">