From d6466a69033b8cec66f7d6adb13822dbac0400a3 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 31 Dec 2025 22:31:26 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=EB=85=84=EC=9B=94=20=EC=84=A0?=
 =?UTF-8?q?=ED=83=9D=20UI=20=EA=B0=9C=EC=84=A0:=20=EB=93=9C=EB=A1=AD?=
 =?UTF-8?q?=EB=8B=A4=EC=9A=B4=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80,=20=EB=A0=88=EC=9D=B4=EB=B8=94=20=EA=B0=80=EC=9A=B4?=
 =?UTF-8?q?=EB=8D=B0=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/pc/Schedule.jsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/pc/Schedule.jsx b/frontend/src/pages/pc/Schedule.jsx
index 71276bf..e8e4c59 100644
--- a/frontend/src/pages/pc/Schedule.jsx
+++ b/frontend/src/pages/pc/Schedule.jsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Clock, MapPin, Users, ChevronLeft, ChevronRight } from 'lucide-react';
+import { Clock, MapPin, Users, ChevronLeft, ChevronRight, ChevronDown } from 'lucide-react';
 import { schedules } from '../../data/dummy';
 
 function Schedule() {
@@ -106,9 +106,10 @@ function Schedule() {
                                 </button>
                                 <button
                                     onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}
-                                    className="text-xl font-bold hover:text-primary transition-colors"
+                                    className="flex items-center gap-1 text-xl font-bold hover:text-primary transition-colors"
                                 >
-                                    {year}년 {month + 1}월
+                                    <span>{year}년 {month + 1}월</span>
+                                    <ChevronDown size={20} className={`transition-transform ${showYearMonthPicker ? 'rotate-180' : ''}`} />
                                 </button>
                                 <button
                                     onClick={nextMonth}
@@ -128,8 +129,8 @@ function Schedule() {
                                         className="absolute top-20 left-8 right-8 bg-white rounded-xl shadow-lg border border-gray-100 p-4 z-10"
                                     >
                                         {/* 년도 선택 */}
-                                        <div className="mb-4">
-                                            <p className="text-sm font-medium text-gray-500 mb-2">년도</p>
+                                        <div className="mb-4 text-center">
+                                            <p className="text-sm font-medium text-gray-500 mb-3">년도</p>
                                             <div className="grid grid-cols-4 gap-2">
                                                 {yearRange.map((y) => (
                                                     <button
@@ -147,8 +148,8 @@ function Schedule() {
                                             </div>
                                         </div>
                                         {/* 월 선택 */}
-                                        <div>
-                                            <p className="text-sm font-medium text-gray-500 mb-2">월</p>
+                                        <div className="text-center">
+                                            <p className="text-sm font-medium text-gray-500 mb-3">월</p>
                                             <div className="grid grid-cols-4 gap-2">
                                                 {Array.from({ length: 12 }, (_, i) => i).map((m) => (
                                                     <button