diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 5053749..1808732 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -79,20 +79,18 @@
           <Button
             @click="openComposer('note')"
             size="lg"
-            variant="secondary"
-            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2"
+            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"
           >
             <MessageSquare class="h-4 w-4" />
-            <span class="text-sm">Note</span>
+            <span class="text-sm font-medium">Note</span>
           </Button>
           <Button
             @click="openComposer('rideshare')"
             size="lg"
-            variant="secondary"
-            class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2"
+            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"
           >
             <Car class="h-4 w-4" />
-            <span class="text-sm">Rideshare</span>
+            <span class="text-sm font-medium">Rideshare</span>
           </Button>
         </div>