diff --git a/Jellyfin.Plugin.Seasonals/Web/pride.css b/Jellyfin.Plugin.Seasonals/Web/pride.css
index 557790c..f746fd6 100644
--- a/Jellyfin.Plugin.Seasonals/Web/pride.css
+++ b/Jellyfin.Plugin.Seasonals/Web/pride.css
@@ -5,7 +5,7 @@
     width: 100vw;
     height: 100vh;
     pointer-events: none;
-    z-index: 9999;
+    z-index: 10;
     overflow: hidden;
     contain: layout paint;
 }
diff --git a/Jellyfin.Plugin.Seasonals/Web/pride.js b/Jellyfin.Plugin.Seasonals/Web/pride.js
index 5f6e295..7915cb1 100644
--- a/Jellyfin.Plugin.Seasonals/Web/pride.js
+++ b/Jellyfin.Plugin.Seasonals/Web/pride.js
@@ -1,4 +1,3 @@
-// 1. Read Configuration
 const config = window.SeasonalsPluginConfig?.Pride || {};
 
 const enabled = config.EnablePride !== undefined ? config.EnablePride : true;
@@ -8,8 +7,6 @@ const colorHeader = config.ColorHeader !== undefined ? config.ColorHeader : true
 
 let msgPrinted = false;
 
-// 2. Toggle Function
-// Hides the effect when a video player, trailer (in full width mode), dashboard, or user menu is active.
 function togglePride() {
   const container = document.querySelector('.pride-container');
   if (!container) return;
@@ -34,8 +31,6 @@ function togglePride() {
   }
 }
 
-// 3. MutationObserver
-// Watches the DOM for changes so the effect can auto-hide/show.
 const observer = new MutationObserver(togglePride);
 observer.observe(document.body, {
   childList: true,
@@ -43,8 +38,6 @@ observer.observe(document.body, {
   attributes: true
 });
 
-// 4. Element Creation
-// Create and append your animated elements to the container.
 function createElements() {
   const container = document.querySelector('.pride-container') || document.createElement('div');
 
@@ -82,7 +75,6 @@ function createElements() {
   }
 }
 
-// 5. Initialization
 function initializePride() {
   if (!enabled) return;
   createElements();