diff --git a/src/renderer/index.js b/src/renderer/index.js
index 2c9ae5c2..ea33213c 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -2478,7 +2478,6 @@ const app = new Vue({
                         if (document.querySelector('.app-playback-controls .artwork') != null) {
                             clearInterval(interval);
                         }
-                        document.querySelector('.app-playback-controls .artwork').style.setProperty('--artwork', '');
                         if (this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"]) {
                             document.querySelector('.app-playback-controls .artwork').style.setProperty('--artwork', `url("${decodeURI((this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"])).replace('{w}', size).replace('{h}', size)}")`);
                             try {
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 872f71ad..8c590a64 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -720,7 +720,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 }
 
 .app-chrome-item.volume-icon {
-  filter: contrast(0);
+  opacity: 0.7;
   background-image: url(http://localhost:9000/assets/volume-up.svg);
   height: 15px;
   width: 30px;