From 3b71eeb5c85cf128c2aeae32516bbb32296cec73 Mon Sep 17 00:00:00 2001
From: manNomi <hanmw110@naver.com>
Date: Wed, 11 Mar 2026 22:49:58 +0900
Subject: [PATCH 1/2] fix(web): normalize home and my page text alignment

---
 apps/web/src/app/(home)/_ui/FindLastYearScoreBar/index.tsx | 2 +-
 apps/web/src/components/ui/LinkedTextWithIcon/index.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(home)/_ui/FindLastYearScoreBar/index.tsx b/apps/web/src/app/(home)/_ui/FindLastYearScoreBar/index.tsx
index f0425e96..c95bed3b 100644
--- a/apps/web/src/app/(home)/_ui/FindLastYearScoreBar/index.tsx
+++ b/apps/web/src/app/(home)/_ui/FindLastYearScoreBar/index.tsx
@@ -6,7 +6,7 @@ import { IconGraduationCap, IconRightArrow } from "@/public/svgs/home";
 const FindLastYearScoreBar = () => {
   return (
     <button
-      className="h-15 flex w-full cursor-pointer items-center justify-between border-b border-k-100 px-5 py-3 focus:outline-none"
+      className="h-15 flex w-full cursor-pointer items-center justify-between border-b border-k-100 px-5 py-3 text-left focus:outline-none"
       onClick={() => toast.error("해당 기능은 현재 준비중입니다.")}
     >
       <div>
diff --git a/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx b/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
index 5b8ebccf..889dd200 100644
--- a/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
+++ b/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
@@ -28,7 +28,7 @@ const LinkedTextWithIcon = ({
       <Link
         href={href}
         target={isBilink ? "_blank" : undefined}
-        className="w-full"
+        className="block w-full"
         rel={isBilink ? "noopener noreferrer" : undefined}
       >
         {<Content icon={icon} text={text} subText={subText} textColor={textColor} />}
@@ -37,7 +37,7 @@ const LinkedTextWithIcon = ({
   }
 
   return (
-    <button onClick={onClick} className="w-full cursor-pointer">
+    <button type="button" onClick={onClick} className="block w-full cursor-pointer text-left">
       {<Content icon={icon} text={text} subText={subText} textColor={textColor} />}
     </button>
   );

From afed9c499d181d785177481ec7f89774d3859b77 Mon Sep 17 00:00:00 2001
From: manNomi <hanmw110@naver.com>
Date: Wed, 11 Mar 2026 22:50:36 +0900
Subject: [PATCH 2/2] fix: mentor/mypage ui polish and notice emphasis

---
 .../[boardCode]/[postId]/modify/PostModifyForm.tsx  | 13 +++++++------
 .../app/community/[boardCode]/create/PostForm.tsx   | 13 +++++++------
 .../mentor/[id]/_ui/MentorDetialContent/index.tsx   |  2 +-
 apps/web/src/app/my/_ui/MyProfileContent/index.tsx  |  2 +-
 .../src/components/ui/LinkedTextWithIcon/index.tsx  |  8 ++++----
 5 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/apps/web/src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx b/apps/web/src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx
index 3f25b9c9..d9897b7e 100644
--- a/apps/web/src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx
+++ b/apps/web/src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx
@@ -93,8 +93,9 @@ const PostModifyForm = ({
     );
   };
 
-  const notice =
-    "글 작성 시 유의사항\n\n인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";
+  const noticeTitle = "[글 작성 시 유의사항]";
+  const noticeContent =
+    "인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";
 
   return (
     <>
@@ -147,10 +148,10 @@ const PostModifyForm = ({
             onChange={(e) => setContent(e.target.value)}
           />
         </div>
-        <div
-          className="px-5 pt-2.5 text-gray-100 typo-regular-4"
-          dangerouslySetInnerHTML={{ __html: notice.replace(/\n/g, "<br />") }}
-        />
+        <div className="px-5 pt-2.5">
+          <p className="text-gray-250/87 typo-sb-9">{noticeTitle}</p>
+          <p className="mt-2 whitespace-pre-line text-gray-100 typo-regular-4">{noticeContent}</p>
+        </div>
       </div>
     </>
   );
diff --git a/apps/web/src/app/community/[boardCode]/create/PostForm.tsx b/apps/web/src/app/community/[boardCode]/create/PostForm.tsx
index e147a3bc..1e45a8a2 100644
--- a/apps/web/src/app/community/[boardCode]/create/PostForm.tsx
+++ b/apps/web/src/app/community/[boardCode]/create/PostForm.tsx
@@ -63,8 +63,9 @@ const PostForm = ({ boardCode }: PostFormProps) => {
     );
   };
 
-  const notice =
-    "글 작성 시 유의사항\n\n인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";
+  const noticeTitle = "[글 작성 시 유의사항]";
+  const noticeContent =
+    "인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";
 
   return (
     <>
@@ -126,10 +127,10 @@ const PostForm = ({ boardCode }: PostFormProps) => {
             onChange={(e) => setContent(e.target.value)}
           />
         </div>
-        <div
-          className="px-5 pt-2.5 text-gray-100 typo-regular-4"
-          dangerouslySetInnerHTML={{ __html: notice.replace(/\n/g, "<br />") }}
-        />
+        <div className="px-5 pt-2.5">
+          <p className="text-gray-250/87 typo-sb-9">{noticeTitle}</p>
+          <p className="mt-2 whitespace-pre-line text-gray-100 typo-regular-4">{noticeContent}</p>
+        </div>
       </div>
     </>
   );
diff --git a/apps/web/src/app/mentor/[id]/_ui/MentorDetialContent/index.tsx b/apps/web/src/app/mentor/[id]/_ui/MentorDetialContent/index.tsx
index 2d467521..10065e32 100644
--- a/apps/web/src/app/mentor/[id]/_ui/MentorDetialContent/index.tsx
+++ b/apps/web/src/app/mentor/[id]/_ui/MentorDetialContent/index.tsx
@@ -72,7 +72,7 @@ const MentorDetialContent = ({ mentorId }: MentorDetailContentProps) => {
       <p className="mb-7 text-k-500 typo-regular-2">{introduction}</p>
 
       {/* 멘토 채널 */}
-      <h3 className="mb-2 text-secondary typo-regular-1">멘토 한마디</h3>
+      <h3 className="mb-2 text-secondary typo-regular-1">멘토 채널</h3>
       <div className="mb-7">
         <div
           className={`grid gap-2 ${
diff --git a/apps/web/src/app/my/_ui/MyProfileContent/index.tsx b/apps/web/src/app/my/_ui/MyProfileContent/index.tsx
index 288fb0dc..c9d66d8b 100644
--- a/apps/web/src/app/my/_ui/MyProfileContent/index.tsx
+++ b/apps/web/src/app/my/_ui/MyProfileContent/index.tsx
@@ -70,7 +70,7 @@ const MyProfileContent = () => {
         <p>{nickname}님은</p>
         <p>
           현재{" "}
-          <span className="text-primary typo-medium-2">
+          <span className={`text-primary ${profileData.role === UserRole.MENTEE ? "typo-sb-4" : "typo-medium-2"}`}>
             {profileData.role === UserRole.ADMIN ? "어드민" : isMentor ? "멘토" : "멘티"}
           </span>{" "}
           솔커예요.
diff --git a/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx b/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
index 889dd200..b35b51f7 100644
--- a/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
+++ b/apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
@@ -58,11 +58,11 @@ const Content = ({ icon, text, subText, textColor = "text-k-700" }: ContentProps
       {/* 왼쪽 아이콘 + 텍스트 */}
       <div className="flex flex-1 items-center gap-1">
         {icon ? (
-          <div className="flex h-8 w-5 items-center justify-center rounded-full">
-            <span className="h-5 w-5">{icon}</span>
+          <div className="flex h-8 w-8 items-center justify-center rounded-full [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0">
+            {icon}
           </div>
         ) : (
-          <div className="h-8" />
+          <div className="h-8 w-8" />
         )}
         <span className={clsx("typo-medium-2", textColor)}>{text}</span>
       </div>
@@ -70,7 +70,7 @@ const Content = ({ icon, text, subText, textColor = "text-k-700" }: ContentProps
       {/* 오른쪽 subText + 아이콘 */}
       <div className="flex shrink-0 items-center gap-1">
         {subText && <span className="text-k-600 typo-regular-2">{subText}</span>}
-        <span className="h-5 w-5">
+        <span className="flex h-5 w-5 items-center justify-center [&>svg]:h-5 [&>svg]:w-5">
           <IconDirectionRight />
         </span>
       </div>