diff --git a/app/views/events/_card.html.erb b/app/views/events/_card.html.erb
index 4b6e82c8c..afb03b0d3 100644
--- a/app/views/events/_card.html.erb
+++ b/app/views/events/_card.html.erb
@@ -69,10 +69,15 @@
     </div>
     <!-- 4️⃣ FULL-WIDTH CALENDAR LINKS ROW -->
     <% if event.event_registrations.exists?(registrant_id: current_user.id) %>
-      <div class="flex gap-2 items-center justify-center w-full text-sm text-gray-700 mt-2">
-        <!-- <span class="font-semibold">Calendar:</span> -->
-        <%= event.calendar_links %>
-      </div>
-    <% end %>
+  <div class="flex flex-col items-center mt-4 pt-3 border-t border-gray-100">
+    <p class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">
+      Add to Your Calendar
+    </p>
+
+    <div class="flex flex-wrap gap-3 items-center justify-center w-full text-sm text-blue-600 font-medium">
+      <%= event.calendar_links %>
+    </div>
+  </div>
+<% end %>
   <% end %>
 <% end %>