diff --git a/templates/contacts/list.html b/templates/contacts/list.html
index 1c575c0..888e1aa 100644
--- a/templates/contacts/list.html
+++ b/templates/contacts/list.html
@@ -133,11 +133,15 @@
 
     /* Card view */
     .contacts-grid {
-        display: grid;
+        display: none;
         grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
         gap: var(--spacing-lg);
     }
 
+    .contacts-grid.active {
+        display: grid;
+    }
+
     .contact-card {
         background: var(--surface);
         border-radius: var(--radius-lg);