diff --git a/src/components/ui/page-layout.tsx b/src/components/ui/page-layout.tsx
index 5e1b1bc..61cc7b8 100644
--- a/src/components/ui/page-layout.tsx
+++ b/src/components/ui/page-layout.tsx
@@ -21,7 +21,7 @@ export function PageLayout({
       className={`dynamic-padding-top relative flex h-full w-full flex-col min-[451px]:md:pt-48 min-[451px]:sm:pt-44 ${className}`}
     >
       {showBackButton && <BackButton />}
-      <p className="font-primary text-[32px] text-red-200 leading-12">
+      <p className="font-primary text-[32px] text-red-200 leading-12 [text-wrap:balance] max-[450px]:text-[28px] max-[400px]:text-[26px] max-[350px]:text-[24px]">
         {title}
       </p>
 
diff --git a/src/pages/letterPage/pages/letter-select-page.tsx b/src/pages/letterPage/pages/letter-select-page.tsx
index 42b6935..0b3744a 100644
--- a/src/pages/letterPage/pages/letter-select-page.tsx
+++ b/src/pages/letterPage/pages/letter-select-page.tsx
@@ -125,15 +125,18 @@ export default function LetterSelectPage({
       title={
         isFirstTimeJoin ? (
           <>
-            미래의 나에게 <br />이 노래를 들려드릴까요?{" "}
+            미래의 나에게 <br />
+            <span className="whitespace-nowrap">이 노래를 들려드릴까요?</span>
           </>
         ) : isJoinPage ? (
           <>
-            미래의 나에게 <br /> 이 노래를 들려드릴까요?
+            미래의 나에게 <br />
+            <span className="whitespace-nowrap">이 노래를 들려드릴까요?</span>
           </>
         ) : (
           <>
-            {recipientNickname} 님께 <br />이 노래를 들려드릴까요?
+            <span className="inline-block">{recipientNickname} 님께</span> <br />
+            <span className="whitespace-nowrap">이 노래를 들려드릴까요?</span>
           </>
         )
       }
@@ -202,7 +205,7 @@ export default function LetterSelectPage({
         </div>
 
         {displayedMusic?.itunesUrl && (
-          <div className="mt-4 flex flex-col items-center gap-2">
+          <div className="flex flex-col items-center gap-2">
             <a
               href={displayedMusic.itunesUrl}
               target="_blank"