diff --git a/app/planner/calendar/MealCardWeek.tsx b/app/planner/calendar/MealCardWeek.tsx
index c0dca2f..3e5e2b6 100644
--- a/app/planner/calendar/MealCardWeek.tsx
+++ b/app/planner/calendar/MealCardWeek.tsx
@@ -15,12 +15,12 @@ const MealCard = ({ meal, type }: { meal: Meal; type: MealType }) => {
     <div
       className="
         flex flex-col justify-between
-        h-30 w-full p-2
+        h-30 w-full px-1.5 py-2
         rounded-2xl shadow-md
         bg-violet-400 text-lg text-center text-neutral-100
       "
     >
-      <h2 className="text-xl font-semibold leading-tight sm:whitespace-normal">
+      <h2 className="text-lg font-semibold leading-tight mb-1 sm:whitespace-normal">
         {meal.name}
       </h2>
       <p className="text-xs">{mealEmoji[type]}</p>