diff --git a/app/vision/page.tsx b/app/vision/page.tsx
index 2ab3ac6..7c810b9 100644
--- a/app/vision/page.tsx
+++ b/app/vision/page.tsx
@@ -377,17 +377,19 @@ export default function VisionPage() {
                 </h2>
               </div>
               
-              <div className="flex flex-col gap-6">
-                <div className="w-full max-w-md mx-auto">
+              <div className="flex flex-col lg:flex-row gap-6">
+                <div className="w-full lg:w-80 lg:flex-shrink-0">
                   <CalendarComponent
                     mode="single"
                     selected={selectedDate}
                     onSelect={setSelectedDate}
                     className="rounded-md border"
                     classNames={{
+                      caption_label: "text-gray-900 font-semibold",
+                      nav_button: "text-gray-700 hover:text-gray-900",
                       day: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-800 hover:bg-blue-50",
                       day_selected: "bg-blue-600 text-white hover:bg-blue-700",
-                      day_today: "border-blue-500 text-blue-700",
+                      day_today: "border-blue-500 text-blue-700 bg-white",
                       day_outside: "text-gray-400 bg-white",
                       day_disabled: "text-gray-300 bg-white opacity-50",
                     }}
@@ -398,7 +400,7 @@ export default function VisionPage() {
                       },
                     }}
                     modifiersClassNames={{
-                      hasMeeting: "bg-blue-100 text-blue-900 font-semibold",
+                      hasMeeting: "bg-blue-600 text-white font-semibold hover:bg-blue-700",
                     }}
                   />
                 </div>