diff --git a/Jellyfin.Plugin.Seasonals/Web/pride.css b/Jellyfin.Plugin.Seasonals/Web/pride.css
index 0fc5700..557790c 100644
--- a/Jellyfin.Plugin.Seasonals/Web/pride.css
+++ b/Jellyfin.Plugin.Seasonals/Web/pride.css
@@ -27,6 +27,7 @@
 }
 
 /* Coloring the Jellyfin Header */
-.skinHeader.pride-header {
+body.pride-active .skinHeader,
+body.pride-active .skinHeader-withBackground {
     background: linear-gradient(90deg, #E40303, #FF8C00, #FFED00, #008026, #24408E, #732982) !important;
 }
diff --git a/Jellyfin.Plugin.Seasonals/Web/pride.js b/Jellyfin.Plugin.Seasonals/Web/pride.js
index 60bac9b..5f6e295 100644
--- a/Jellyfin.Plugin.Seasonals/Web/pride.js
+++ b/Jellyfin.Plugin.Seasonals/Web/pride.js
@@ -55,12 +55,16 @@ function createElements() {
   }
 
   if (colorHeader) {
-      const header = document.querySelector('.skinHeader');
-      if (header) {
-          header.classList.add('pride-header');
-      }
+      document.body.classList.add('pride-active');
   }
 
+  const cleanupObserver = new MutationObserver(() => {
+      if (!document.querySelector('.pride-container')) {
+          document.body.classList.remove('pride-active');
+      }
+  });
+  cleanupObserver.observe(document.body, { childList: true });
+
   const heartEmojis = ['❤️', '🧡', '💛', '💚', '💙', '💜'];
 
   for (let i = 0; i < elementCount; i++) {