From 67cd6813a2bfb14fb569a489c5febfb545cd2c99 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Mon, 12 Jan 2026 18:39:23 +0900
Subject: [PATCH] =?UTF-8?q?PC=20=EA=B3=A1=20=EC=83=81=EC=84=B8:=20TITLE=20?=
 =?UTF-8?q?=EB=B0=B0=EC=A7=80=EB=A5=BC=20=EB=85=B8=EB=9E=98=20=EC=A0=9C?=
 =?UTF-8?q?=EB=AA=A9=20=EC=98=86=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/pc/public/TrackDetail.jsx | 32 +++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/pc/public/TrackDetail.jsx b/frontend/src/pages/pc/public/TrackDetail.jsx
index db35d98..bf98047 100644
--- a/frontend/src/pages/pc/public/TrackDetail.jsx
+++ b/frontend/src/pages/pc/public/TrackDetail.jsx
@@ -257,23 +257,25 @@ function TrackDetail() {
                                                 )}
                                             </div>
                                             
-                                            {/* 곡 제목 */}
-                                            <span className={`flex-1 text-sm truncate ${
-                                                isCurrent ? 'font-semibold' : 'group-hover:text-gray-900'
-                                            }`}>
-                                                {t.title}
-                                            </span>
-                                            
-                                            {/* 타이틀 배지 */}
-                                            {t.is_title_track === 1 && (
-                                                <span className={`px-2 py-0.5 text-[10px] font-bold rounded-full ${
-                                                    isCurrent 
-                                                        ? 'bg-white/20 text-white' 
-                                                        : 'bg-primary/10 text-primary'
+                                            {/* 곡 제목 + 타이틀 배지 */}
+                                            <div className="flex-1 flex items-center gap-2 min-w-0">
+                                                <span className={`text-sm truncate ${
+                                                    isCurrent ? 'font-semibold' : 'group-hover:text-gray-900'
                                                 }`}>
-                                                    TITLE
+                                                    {t.title}
                                                 </span>
-                                            )}
+                                                
+                                                {/* 타이틀 배지 */}
+                                                {t.is_title_track === 1 && (
+                                                    <span className={`px-2 py-0.5 text-[10px] font-bold rounded-full flex-shrink-0 ${
+                                                        isCurrent 
+                                                            ? 'bg-white/20 text-white' 
+                                                            : 'bg-primary/10 text-primary'
+                                                    }`}>
+                                                        TITLE
+                                                    </span>
+                                                )}
+                                            </div>
                                             
                                             {/* 재생 시간 */}
                                             <span className={`text-xs tabular-nums ${