From 2d05cd99e83a9b591e23ec62633ec62df7c7177f Mon Sep 17 00:00:00 2001
From: GulSam00 <gulsamcono@gmail.com>
Date: Fri, 6 Mar 2026 01:44:41 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EC=B5=9C=EC=8B=A0=EA=B3=A1=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20CSS=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/app/recent/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/app/recent/page.tsx b/apps/web/src/app/recent/page.tsx
index 7e68040..75cd446 100644
--- a/apps/web/src/app/recent/page.tsx
+++ b/apps/web/src/app/recent/page.tsx
@@ -45,14 +45,14 @@ export default function RecentSongPage() {
 
   return (
     <div className="bg-background h-full space-y-4">
-      <div className="flex items-center justify-between">
-        <Button variant="ghost" size="icon" onClick={handlePrevMonth} className="m-2">
+      <div className="flex items-center justify-between px-2">
+        <Button variant="ghost" size="icon" onClick={handlePrevMonth}>
           <ArrowLeft className="h-5 w-5" />
         </Button>
 
-        <div className="flex items-center gap-2 px-2 py-4 text-2xl font-bold">
+        <div className="flex items-center gap-1 text-xl font-bold whitespace-nowrap">
           <Select value={today.getFullYear().toString()} onValueChange={handleYearChange}>
-            <SelectTrigger className="border-none p-0 text-2xl font-bold shadow-none focus-visible:ring-0">
+            <SelectTrigger className="border-none p-0 text-xl font-bold shadow-none focus-visible:ring-0">
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
@@ -65,7 +65,7 @@ export default function RecentSongPage() {
           </Select>
 
           <Select value={today.getMonth().toString()} onValueChange={handleMonthChange}>
-            <SelectTrigger className="border-none p-0 text-2xl font-bold shadow-none focus-visible:ring-0">
+            <SelectTrigger className="border-none p-0 text-xl font-bold shadow-none focus-visible:ring-0">
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
@@ -76,10 +76,10 @@ export default function RecentSongPage() {
               ))}
             </SelectContent>
           </Select>
-          <h1>최신곡</h1>
+          <span>최신곡</span>
         </div>
 
-        <Button variant="ghost" size="icon" onClick={handleNextMonth} className="m-2">
+        <Button variant="ghost" size="icon" onClick={handleNextMonth}>
           <ArrowRight className="h-5 w-5" />
         </Button>
       </div>