diff --git a/components/pages/calendar/MonthCalendar.tsx b/components/pages/calendar/MonthCalendar.tsx
index af86966..6d83ff9 100644
--- a/components/pages/calendar/MonthCalendar.tsx
+++ b/components/pages/calendar/MonthCalendar.tsx
@@ -300,7 +300,7 @@ const styles = StyleSheet.create({
         flex: 1,
         flexDirection: 'row',
         flexWrap: 'wrap',
-        paddingHorizontal: 16,
+        justifyContent: 'center'
     },
     day: {
         height: '15%', // 100% / 6 weeks
@@ -322,7 +322,7 @@ const styles = StyleSheet.create({
         color: '#666',
     },
     dateContainer: {
-        width: 24,
+        minWidth: 20,
         height: 24,
         alignItems: 'center',
         justifyContent: 'center',