diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 2c26a65..fe0c834 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -81,7 +81,7 @@
           <Button
             @click="openComposer('note')"
             size="lg"
-            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2 bg-background border-2 border-border hover:bg-accent"
+            class="h-12 px-4 rounded-full shadow-lg hover:shadow-xl transition-all gap-2 bg-card border-2 border-border hover:bg-accent text-card-foreground"
           >
             <MessageSquare class="h-4 w-4" />
             <span class="text-sm font-medium">Note</span>
@@ -89,7 +89,7 @@
           <Button
             @click="openComposer('rideshare')"
             size="lg"
-            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2 bg-background border-2 border-border hover:bg-accent"
+            class="h-12 px-4 rounded-full shadow-lg hover:shadow-xl transition-all gap-2 bg-card border-2 border-border hover:bg-accent text-card-foreground"
           >
             <Car class="h-4 w-4" />
             <span class="text-sm font-medium">Rideshare</span>