diff --git a/frontend/src/components/Calendar/WorkloadHeatmap.jsx b/frontend/src/components/Calendar/WorkloadHeatmap.jsx
index a6c4fa0..153763b 100644
--- a/frontend/src/components/Calendar/WorkloadHeatmap.jsx
+++ b/frontend/src/components/Calendar/WorkloadHeatmap.jsx
@@ -6,7 +6,8 @@ import useFocusStore from '../../store/useFocusStore'
 const WEEKS = 20
 const DAY_INIT = ['M','T','W','T','F','S','S']
 const CELL = 16
-const CELL_LG = 20
+const CELL_LG = 40
+const GAP_LG  = 4
 const GAP  = 2
 
 const STATUS_KEYS = ['upcoming','in_progress','completed','overdue']
@@ -234,7 +235,7 @@ export default function WorkloadHeatmap() {
             {/* Day labels */}
             <div className="flex flex-col flex-shrink-0 pt-6" style={{ gap: GAP }}>
               {DAY_INIT.map((d, i) => (
-                <div key={i} style={{ height: CELL_LG }} className="flex items-center text-[10px] text-text-muted/50 font-mono w-4">{d}</div>
+                <div key={i} style={{ height: CELL_LG }} className="flex items-center text-[11px] text-text-muted/50 font-mono w-4">{d}</div>
               ))}
             </div>
 
@@ -242,12 +243,12 @@ export default function WorkloadHeatmap() {
             <div className="flex flex-col flex-shrink-0">
               <div className="relative h-5 mb-1">
                 {monthLabelsBig.map(({ wi, label }) => (
-                  <span key={label+wi} className="absolute text-[10px] text-text-muted/60 font-medium" style={{ left: wi * (CELL_LG + GAP) }}>{label}</span>
+                  <span key={label+wi} className="absolute text-[10px] text-text-muted/60 font-medium" style={{ left: wi * (CELL_LG + GAP_LG) }}>{label}</span>
                 ))}
               </div>
-              <div className="flex" style={{ gap: GAP }}>
+              <div className="flex" style={{ gap: GAP_LG }}>
                 {weeks.map((week, wi) => (
-                  <div key={wi} className="flex flex-col flex-shrink-0" style={{ gap: GAP }}>
+                  <div key={wi} className="flex flex-col flex-shrink-0" style={{ gap: GAP_LG }}>
                     {week.map(({ date, key, items, statusCounts }) => {
                       const { dominant, total } = getDominantStatus(statusCounts || {})
                       return (