diff --git a/src/renderer/style.less b/src/renderer/style.less
index 1b285ebf..9210622a 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -116,10 +116,6 @@ body[platform='linux'] {
     animation: bgRotate 10s linear infinite;
     filter: brightness(100%) saturate(200%) contrast(1.5);
   }
-
-  &.noanimation::before {
-    animation: none;
-  }
 }
 
 .bgGradientMaterial-base {
@@ -226,6 +222,12 @@ input[type="text"], input[type="number"] {
     animation-direction: reverse;
     animation-delay: 10s;
   }
+
+  &.noanimation {
+    .bg-artwork {
+      animation: none;
+    }
+  }
 }
 
 
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 5db62bc1..9efc0093 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -30,7 +30,7 @@
 </head>
 
 <body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>">
-<div id="app" :class="{noanimation: (!cfg.visual.bg_artwork_rotation || !animateBackground)}">
+<div id="app">
     <transition name="fsModeSwitch">
         <div id="app-main" v-show="appMode == 'player'">
             <div class="mv-chrome" v-if="chrome.topChromeVisible == false"></div>
@@ -462,7 +462,7 @@
         </div>
     </transition>
     <transition name="wpfade">
-        <div class="bg-artwork-container">
+        <div class="bg-artwork-container" :class="{noanimation: (!cfg.visual.bg_artwork_rotation || !animateBackground)}">
             <img v-show="chrome.artworkReady" @load="chrome.artworkReady = true" class="bg-artwork a "
             >
             <img v-show="chrome.artworkReady" class="bg-artwork b"
