diff --git a/Jellyfin.Plugin.Seasonals/Web/christmas.css b/Jellyfin.Plugin.Seasonals/Web/christmas.css
index bc7378a..cb60f87 100644
--- a/Jellyfin.Plugin.Seasonals/Web/christmas.css
+++ b/Jellyfin.Plugin.Seasonals/Web/christmas.css
@@ -12,6 +12,7 @@
 
 .christmas {
   position: fixed;
+  z-index: 10;
   top: -10%;
   font-size: 1em;
   color: #fff;
diff --git a/Jellyfin.Plugin.Seasonals/Web/easter.css b/Jellyfin.Plugin.Seasonals/Web/easter.css
index cc0ceb7..f4e371b 100644
--- a/Jellyfin.Plugin.Seasonals/Web/easter.css
+++ b/Jellyfin.Plugin.Seasonals/Web/easter.css
@@ -12,6 +12,7 @@
 
 .hopping-rabbit {
     position: fixed;
+    z-index: 10;
     bottom: 10px;
     width: 70px;
     overflow: hidden;
@@ -28,6 +29,7 @@
 
 .easter {
     position: fixed;
+    z-index: 10;
     top: -10%;
     font-size: 1em;
     color: #fff;
diff --git a/Jellyfin.Plugin.Seasonals/Web/halloween.css b/Jellyfin.Plugin.Seasonals/Web/halloween.css
index d236fe4..67192cd 100644
--- a/Jellyfin.Plugin.Seasonals/Web/halloween.css
+++ b/Jellyfin.Plugin.Seasonals/Web/halloween.css
@@ -13,7 +13,7 @@
 .halloween {
     position: fixed;
     bottom: -10%;
-    z-index: 0;
+    z-index: 10;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
diff --git a/Jellyfin.Plugin.Seasonals/Web/hearts.css b/Jellyfin.Plugin.Seasonals/Web/hearts.css
index 98f7f36..89bdeb7 100644
--- a/Jellyfin.Plugin.Seasonals/Web/hearts.css
+++ b/Jellyfin.Plugin.Seasonals/Web/hearts.css
@@ -13,7 +13,7 @@
 .heart {
     position: fixed;
     bottom: -10%;
-    z-index: 0;
+    z-index: 10;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
diff --git a/Jellyfin.Plugin.Seasonals/Web/snowstorm.css b/Jellyfin.Plugin.Seasonals/Web/snowstorm.css
index 9673ed4..779b053 100644
--- a/Jellyfin.Plugin.Seasonals/Web/snowstorm.css
+++ b/Jellyfin.Plugin.Seasonals/Web/snowstorm.css
@@ -1,13 +1,20 @@
-.snowflake {
+.snowstorm-container {
     position: fixed;
-    background-color: rgba(255, 255, 255, 0.8);
-    border-radius: 50%;
-    pointer-events: none;
-    opacity: 0.7;
+    width: 100%;
+    height: 100vh;
+    background: transparent;
     overflow: hidden;
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}
+
+#snowfallCanvas {
+    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 10;
+    pointer-events: none;
 }
\ No newline at end of file