diff --git a/dashboard/habits.html b/dashboard/habits.html
index 8e5929e..36e28a2 100644
--- a/dashboard/habits.html
+++ b/dashboard/habits.html
@@ -333,15 +333,15 @@
         }
         
         .habit-card-icon {
-            width: 18px;
-            height: 18px;
+            width: 24px;
+            height: 24px;
             color: var(--text-primary);
             flex-shrink: 0;
         }
         
         .habit-card-name {
             flex: 1;
-            font-size: var(--text-sm);
+            font-size: 16px;
             font-weight: 600;
             color: var(--text-primary);
             white-space: nowrap;
@@ -350,22 +350,23 @@
         }
         
         .habit-card-streak {
-            font-size: var(--text-xs);
+            font-size: 14px;
             color: var(--text-muted);
             white-space: nowrap;
             flex-shrink: 0;
+            font-weight: 500;
         }
         
         /* Compact check button */
         .habit-card-check-btn-compact {
-            width: 44px;
-            height: 44px;
+            width: 50px;
+            height: 50px;
             border: 2px solid var(--accent);
             background: transparent;
             color: var(--accent);
             border-radius: 50%;
-            font-size: var(--text-lg);
-            font-weight: 600;
+            font-size: 22px;
+            font-weight: 700;
             cursor: pointer;
             transition: all var(--transition-base);
             display: flex;
@@ -418,8 +419,8 @@
         }
         
         .habit-card-action-btn svg {
-            width: 14px;
-            height: 14px;
+            width: 18px;
+            height: 18px;
         }
         
         /* Progress bar row */
@@ -444,17 +445,17 @@
         }
         
         .habit-card-progress-text {
-            font-size: var(--text-xs);
+            font-size: 14px;
             color: var(--text-muted);
             font-weight: 600;
-            min-width: 32px;
+            min-width: 35px;
             text-align: right;
             flex-shrink: 0;
         }
         
         /* Next date row */
         .habit-card-next-date {
-            font-size: var(--text-xs);
+            font-size: 13px;
             color: var(--text-muted);
             text-align: left;
         }
@@ -486,7 +487,7 @@
             left: 0;
             right: 0;
             bottom: 0;
-            background: rgba(0, 0, 0, 0.6);
+            background: rgba(0, 0, 0, 0.75) !important;
             z-index: 1000;
             align-items: center;
             justify-content: center;