diff --git a/maternal-web/app/page.tsx b/maternal-web/app/page.tsx
index cc38151..32bb9c1 100644
--- a/maternal-web/app/page.tsx
+++ b/maternal-web/app/page.tsx
@@ -131,11 +131,17 @@ export default function HomePage() {
                   initial={{ opacity: 0, scale: 0.9 }}
                   animate={{ opacity: 1, scale: 1 }}
                   transition={{ duration: 0.3, delay: index * 0.1 }}
+                  style={{ height: '100%' }}
                 >
                   <Paper
                     onClick={() => router.push(action.path)}
                     sx={{
                       p: 3,
+                      height: '100%',
+                      display: 'flex',
+                      flexDirection: 'column',
+                      alignItems: 'center',
+                      justifyContent: 'center',
                       textAlign: 'center',
                       cursor: 'pointer',
                       bgcolor: action.color,
@@ -179,7 +185,16 @@ export default function HomePage() {
               ) : (
                 <Grid container spacing={3}>
                   <Grid item xs={6} sm={3}>
-                    <Box textAlign="center">
+                    <Box
+                      textAlign="center"
+                      sx={{
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        height: '100%',
+                        minHeight: '120px'
+                      }}
+                    >
                       <Restaurant sx={{ fontSize: 32, color: 'primary.main', mb: 1 }} />
                       <Typography variant="h5" fontWeight="600">
                         {dailySummary.feedingCount || 0}
@@ -190,7 +205,16 @@ export default function HomePage() {
                     </Box>
                   </Grid>
                   <Grid item xs={6} sm={3}>
-                    <Box textAlign="center">
+                    <Box
+                      textAlign="center"
+                      sx={{
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        height: '100%',
+                        minHeight: '120px'
+                      }}
+                    >
                       <Hotel sx={{ fontSize: 32, color: 'info.main', mb: 1 }} />
                       <Typography variant="h5" fontWeight="600">
                         {dailySummary.sleepTotalMinutes
@@ -203,7 +227,16 @@ export default function HomePage() {
                     </Box>
                   </Grid>
                   <Grid item xs={6} sm={3}>
-                    <Box textAlign="center">
+                    <Box
+                      textAlign="center"
+                      sx={{
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        height: '100%',
+                        minHeight: '120px'
+                      }}
+                    >
                       <BabyChangingStation sx={{ fontSize: 32, color: 'warning.main', mb: 1 }} />
                       <Typography variant="h5" fontWeight="600">
                         {dailySummary.diaperCount || 0}
@@ -214,7 +247,16 @@ export default function HomePage() {
                     </Box>
                   </Grid>
                   <Grid item xs={6} sm={3}>
-                    <Box textAlign="center">
+                    <Box
+                      textAlign="center"
+                      sx={{
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        height: '100%',
+                        minHeight: '120px'
+                      }}
+                    >
                       <MedicalServices sx={{ fontSize: 32, color: 'error.main', mb: 1 }} />
                       <Typography variant="h5" fontWeight="600">
                         {dailySummary.medicationCount || 0}