diff --git a/static/css/style.css b/static/css/style.css
index ac069dfc7..d8bb2b5db 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -574,3 +574,13 @@ form label {
     left: 50%;
     transform: translate(-50%, -50%);
 }
+
+#c {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%; /* Make sure the canvas fills the modal */
+    height: 100%;
+    z-index: 1000; /* Ensure it's above the blurred background */
+    pointer-events: none; /* Ensure clicks pass through to underlying content */
+}
diff --git a/templates/dashboard.html b/templates/dashboard.html
index b6e355a60..a4f7c6fee 100755
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -104,15 +104,6 @@
         z-index: 1000; /* Ensure it's behind the canvas */
     }
 
-    #c {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%; /* Make sure the canvas fills the modal */
-        height: 100%;
-        z-index: 1000; /* Ensure it's above the blurred background */
-        pointer-events: none; /* Ensure clicks pass through to underlying content */
-    }
 
 </style>
 
@@ -127,12 +118,6 @@
         <!-- end of back button -->
         <div class="oh-dashboard row" id="dashboard" style="padding-bottom: 3.5rem;">
 
-            {% if is_birthday %}
-                <div class="page-wrapper">
-                    <div class="blurred-background"></div>
-                    <canvas id="c"></canvas>
-                </div>
-            {% endif %}
 
             <div class="oh-dashboard__left col-12 col-sm-12 col-md-12 col-lg-9">
                 <div class="oh-dashboard__cards row">
diff --git a/templates/index.html b/templates/index.html
index f5701fc76..19e790794 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -67,6 +67,12 @@
             {% endfor %}
         </div>
     {% endif %}
+    {% if is_birthday %}
+        <div class="page-wrapper">
+            <div class="blurred-background"></div>
+            <canvas id="c"></canvas>
+        </div>
+    {% endif %}
     <button id="reloadMessagesButton" hx-get="{% url 'reload-messages' %}" hx-swap="afterend" hidden hx-target="#reloadMessages"></button>
 
     <div class="oh-wrapper-main" :class="!sidebarOpen ? 'oh-wrapper-main--closed' : ''" x-data="{sidebarOpen: true}"