diff --git a/css/tailwind.css b/css/tailwind.css
index 592380b..20854b0 100644
--- a/css/tailwind.css
+++ b/css/tailwind.css
@@ -457,7 +457,7 @@
 
   /* Widget cards */
   .widget {
-    @apply p-4 bg-surface-100 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 shadow-sm overflow-hidden;
+    @apply p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 shadow-sm overflow-hidden;
   }
 
   .widget-title {
@@ -494,7 +494,7 @@
 
   /* Post cards */
   .post-card {
-    @apply p-5 bg-surface-100 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 shadow-sm overflow-hidden;
+    @apply p-5 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 shadow-sm overflow-hidden;
   }
 
   .post-header {