diff --git a/src/lib/components/diary/MealCard.svelte b/src/lib/components/diary/MealCard.svelte
index 625c5a1..8fe4c1d 100644
--- a/src/lib/components/diary/MealCard.svelte
+++ b/src/lib/components/diary/MealCard.svelte
@@ -86,16 +86,17 @@
 			</div>
 		</button>
 
-		<div class="flex gap-1 ml-2 shrink-0">
+		<div class="flex gap-1 ml-2 shrink-0 items-center">
 			<!-- Add entry -->
 			<button
 				onclick={() => goto(`/diary/${date}/add-entry?meal_id=${meal.id}`)}
-				class="w-8 h-8 flex items-center justify-center rounded-full text-zinc-500 hover:text-green-400 hover:bg-green-400/10 transition-colors"
+				class="flex items-center gap-1 px-2.5 h-7 rounded-full bg-green-600 hover:bg-green-500 text-white transition-colors text-xs font-medium"
 				aria-label="Add food"
 			>
-				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M12 4v16m8-8H4" />
 				</svg>
+				Add
 			</button>
 
 			<!-- Rename -->