diff --git a/src/index.css b/src/index.css
index 7cdd06f..7510af1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -124,6 +124,7 @@ html, body, #root {
   height: 100%;
   min-width: 1280px;
   min-height: 720px;
+  max-height: 1080px;
 }
 
 /* Chrome, Safari, Edge */
diff --git a/src/ui/page/schedule/ScheduleMainPage.tsx b/src/ui/page/schedule/ScheduleMainPage.tsx
index d99c82f..0ea282e 100644
--- a/src/ui/page/schedule/ScheduleMainPage.tsx
+++ b/src/ui/page/schedule/ScheduleMainPage.tsx
@@ -1,26 +1,23 @@
 import { Calendar } from "@/components/ui/calendar";
-import { DayButton } from "react-day-picker";
+import { cn } from "@/lib/utils";
+import { getDefaultClassNames } from "react-day-picker";
 
 export function ScheduleMainPage() {
+  const defaultClassNames = getDefaultClassNames();
+
   return (
-    <div className="w-full h-full flex flex-col justify-start items-center">
-      <Calendar
+    <div className="w-full h-full p-2">
+      <Calendar 
         mode="single"
-        className="rounded-lg w-full h-full max-h-10/12 border"
-        components={{
-          Weeks: (props) => (
-            <tbody {...props} className={props.className}></tbody>
+        className="border w-full rounded-lg"
+        classNames={{
+          month_grid: cn(
+            defaultClassNames.month_grid,
+            "w-full"
           ),
-          Week: (props) => (
-            <tr {...props} className={props.className + " h-1/10"}></tr>
-          ),
-          Day: (props) => (
-            <td {...props} className={props.className + " h-1"}></td>
-          )
+          
         }}
-      >
-        
-      </Calendar>
+      />
     </div>
   )
 }
\ No newline at end of file