From 6a04bdf4e974285ecc0c09a345a3701a59e8fd7f Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 03:09:53 +0900
Subject: [PATCH 01/21] =?UTF-8?q?=F0=9F=90=9Bfix:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=EC=97=90=EC=84=9C=20=EA=B4=80=EB=A6=AC=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=EC=9D=B4=20=EB=B3=B4=EC=9D=B4=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EB=8A=94=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/header/RightHeaderNav.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/components/common/header/RightHeaderNav.tsx b/src/app/shared/components/common/header/RightHeaderNav.tsx
index d53b7f9..4559077 100644
--- a/src/app/shared/components/common/header/RightHeaderNav.tsx
+++ b/src/app/shared/components/common/header/RightHeaderNav.tsx
@@ -14,7 +14,7 @@ export default function RightHeaderNav() {
   const isMyDashboardPage = pathname === '/mydashboard'
 
   return (
-    <nav className="Text-black hidden gap-6 whitespace-nowrap text-sm md:flex">
+    <nav className="Text-black flex gap-6 whitespace-nowrap text-sm">
       {!isMyDashboardPage && (
         <>
           <NavItem

From bf9135eef8fd17987c7dd8442a271e51d3dcbc81 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 03:10:00 +0900
Subject: [PATCH 02/21] =?UTF-8?q?=F0=9F=90=9Bfix:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=EC=97=90=EC=84=9C=20=EA=B4=80=EB=A6=AC=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=EC=9D=B4=20=EB=B3=B4=EC=9D=B4=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EB=8A=94=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/header/Header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/components/common/header/Header.tsx b/src/app/shared/components/common/header/Header.tsx
index 8720485..7e8e7e5 100644
--- a/src/app/shared/components/common/header/Header.tsx
+++ b/src/app/shared/components/common/header/Header.tsx
@@ -9,21 +9,21 @@ import UserDropdown from './UserDropdown'
 
 export default function Header() {
   return (
-    <header className="BG-white Border-bottom Text-black w-full overflow-x-auto border-b px-48 py-10">
-      <div className="flex w-full items-center justify-between pr-16">
+    <header className="BG-white Border-bottom Text-black w-full overflow-x-auto border-b px-24 py-6 sm:px-48 sm:py-10">
+      <div className="flex min-w-[max-content] items-center justify-between pr-8 sm:pr-16">
         {/* 좌측 대시보드명 */}
         <div className="hidden lg:block">
           <LeftHeaderContent />
         </div>
 
         {/* 우측 사용자 정보/다크모드 */}
-        <div className="flex gap-16 whitespace-nowrap">
+        <div className="flex gap-8 whitespace-nowrap sm:gap-16">
           <RightHeaderNav />
           <CreateInvitationModal />
           {/* 협업자 목록 */}
           <CollaboratorList />
 
-          <div className="flex items-center gap-32 border-l pl-16">
+          <div className="flex items-center gap-16 border-l pl-8 sm:gap-32 sm:pl-16">
             {/* 사용자 정보 드롭다운 */}
             <UserDropdown />
             {/* 다크모드 토글 */}

From 862cc2e80332edb58ba0ca7e1b6acbe2af5c8064 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 03:10:07 +0900
Subject: [PATCH 03/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EB=84=A4=EC=9D=B4=EC=85=98=20margin-x=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/dashboard/components/edit/PaginationHeader.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/features/dashboard/components/edit/PaginationHeader.tsx b/src/app/features/dashboard/components/edit/PaginationHeader.tsx
index 2e3ecd8..cf4e018 100644
--- a/src/app/features/dashboard/components/edit/PaginationHeader.tsx
+++ b/src/app/features/dashboard/components/edit/PaginationHeader.tsx
@@ -24,9 +24,10 @@ export function PaginationHeader({
       <h2 className="Text-black text-18 font-bold">{title}</h2>
 
       <div className="flex shrink-0 items-center">
-        <p className="Text-gray mx-32 shrink-0 text-12">
+        <p className="Text-gray mx-16 shrink-0 text-12 sm:mx-32">
           {totalPages} 페이지 중 {currentPage}
         </p>
+
         <button onClick={onPrev} disabled={currentPage === 1}>
           <Image
             src={

From a7edb4b45061eb649e2f07c8aad6640358e312de Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 03:58:46 +0900
Subject: [PATCH 04/21] =?UTF-8?q?=F0=9F=8E=A8=20style:=20=EC=B4=88?=
 =?UTF-8?q?=EB=8C=80=ED=95=98=EA=B8=B0=20=EB=AA=A8=EB=8B=AC=20=EB=B0=98?=
 =?UTF-8?q?=EC=9D=91=ED=98=95=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EA=B8=80?=
 =?UTF-8?q?=EC=94=A8=20=EB=B0=8F=20=EC=9A=94=EC=86=8C=20=ED=81=AC=EA=B8=B0?=
 =?UTF-8?q?=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/modal/CreateInvitationModal.tsx        | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/components/common/modal/CreateInvitationModal.tsx b/src/app/shared/components/common/modal/CreateInvitationModal.tsx
index bfebe02..195a6bc 100644
--- a/src/app/shared/components/common/modal/CreateInvitationModal.tsx
+++ b/src/app/shared/components/common/modal/CreateInvitationModal.tsx
@@ -54,11 +54,16 @@ export default function CreateInvitationModal() {
       onClick={handleBackdropClick}
     >
       <div className="BG-white h-auto w-584 rounded-16 p-32">
-        <h2 className="Text-black mb-24 text-24 font-bold">초대하기</h2>
+        <h2 className="Text-black mb-24 text-24 font-bold mobile:text-18 tablet:text-20">
+          초대하기
+        </h2>
 
         <form onSubmit={handleSubmit}>
           <div className="mb-32">
-            <label htmlFor="email" className="Text-black mb-8 block text-18">
+            <label
+              htmlFor="email"
+              className="Text-black mb-8 block text-18 mobile:text-12 tablet:text-16"
+            >
               이메일
             </label>
             <input
@@ -73,17 +78,17 @@ export default function CreateInvitationModal() {
             />
           </div>
 
-          <div className="flex justify-end gap-10">
+          <div className="flex gap-10">
             <button
               type="button"
               onClick={closeModal}
-              className="Border-btn Text-black h-54 w-256 rounded-8 px-16 py-10 text-16 font-semibold"
+              className="Border-btn Text-black h-54 w-256 rounded-8 px-16 py-10 text-16 font-semibold mobile:h-40 mobile:text-12 tablet:h-48 tablet:w-full tablet:text-14 mobile-sm:w-full"
             >
               취소
             </button>
             <button
               type="submit"
-              className="BG-violet h-54 w-256 rounded-8 px-16 py-10 text-16 font-semibold text-white hover:opacity-90"
+              className="BG-violet h-54 w-256 rounded-8 px-16 py-10 text-16 font-semibold text-white hover:opacity-90 mobile:h-40 mobile:text-12 tablet:h-48 tablet:w-full tablet:text-14 mobile-sm:w-full"
             >
               초대
             </button>

From f8c5d4c95419635ddd654844569b04a36adf998c Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 06:00:59 +0900
Subject: [PATCH 05/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=EC=82=AC=EC=9D=B4=EC=A6=88=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EB=8B=89=EB=84=A4=EC=9E=84=20?=
 =?UTF-8?q?=EA=B0=84=EC=86=8C=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/header/HeaderUserInfo.tsx          | 34 +++++++++++++++++++
 .../components/common/header/UserDropdown.tsx |  4 +--
 2 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 src/app/shared/components/common/header/HeaderUserInfo.tsx

diff --git a/src/app/shared/components/common/header/HeaderUserInfo.tsx b/src/app/shared/components/common/header/HeaderUserInfo.tsx
new file mode 100644
index 0000000..d09ff1e
--- /dev/null
+++ b/src/app/shared/components/common/header/HeaderUserInfo.tsx
@@ -0,0 +1,34 @@
+'use client'
+
+import { useAuthStore } from '@/app/features/auth/store/useAuthStore'
+
+import { Avatar } from '../Avatar'
+
+type HeaderUserInfoProps = {
+  nickname?: string
+  imageUrl?: string | null
+  size?: number
+}
+
+export function HeaderUserInfo({
+  nickname,
+  imageUrl,
+  size = 36,
+}: HeaderUserInfoProps) {
+  const user = useAuthStore((state) => state.user)
+
+  const displayNickname = nickname ?? user?.nickname ?? ''
+  const displayImage = imageUrl ?? user?.profileImageUrl ?? null
+
+  if (!displayNickname) return null
+
+  return (
+    <div className="flex items-center gap-4">
+      <Avatar size={size} name={displayNickname} imageUrl={displayImage} />
+      {/* sm 이하 화면에서는 닉네임 숨김, md 이상에서만 보임 */}
+      <span className="ml-4 hidden text-sm font-semibold sm:inline">
+        {displayNickname}
+      </span>
+    </div>
+  )
+}
diff --git a/src/app/shared/components/common/header/UserDropdown.tsx b/src/app/shared/components/common/header/UserDropdown.tsx
index b0c2317..93a1f9e 100644
--- a/src/app/shared/components/common/header/UserDropdown.tsx
+++ b/src/app/shared/components/common/header/UserDropdown.tsx
@@ -5,7 +5,7 @@ import { useRouter } from 'next/navigation'
 
 import { useAuth } from '@/app/features/auth/hooks/useAuth'
 
-import { UserInfo } from '../UserInfo'
+import { HeaderUserInfo } from './HeaderUserInfo'
 
 export default function UserDropdown() {
   const router = useRouter()
@@ -29,7 +29,7 @@ export default function UserDropdown() {
       trigger={
         <div className="flex cursor-pointer items-center gap-8">
           {/* 로그인된 사용자 정보 자동으로 불러옴 */}
-          <UserInfo size={36} />
+          <HeaderUserInfo size={36} />
         </div>
       }
       width="w-6"

From b4c91018e39971ceb11a7d1654d57dd148f4c460 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:39:12 +0900
Subject: [PATCH 06/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=B0=98=EC=9D=91?=
 =?UTF-8?q?=ED=98=95=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EA=B8=80=EC=9E=90=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/dashboard/DashboardForm.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/components/dashboard/DashboardForm.tsx b/src/app/shared/components/dashboard/DashboardForm.tsx
index 02351d4..4a72708 100644
--- a/src/app/shared/components/dashboard/DashboardForm.tsx
+++ b/src/app/shared/components/dashboard/DashboardForm.tsx
@@ -84,7 +84,7 @@ export default function DashboardForm({
         <button
           type="submit"
           disabled={!formData.title || !formData.color || isSubmitting}
-          className={`BG-violet h-48 ${submitButtonWidth} rounded-8 px-16 py-10 text-16 font-semibold text-white transition-opacity ${
+          className={`BG-violet h-48 ${submitButtonWidth} rounded-8 px-16 py-10 text-16 font-semibold text-white transition-opacity mobile-sm:text-14 ${
             !formData.title || !formData.color || isSubmitting
               ? 'cursor-not-allowed opacity-50'
               : 'hover:opacity-90'

From 5449e9e7773c45be73cc0488ab4c7464938149f0 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:39:27 +0900
Subject: [PATCH 07/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EC=B4=88=EB=8C=80?=
 =?UTF-8?q?=ED=95=98=EA=B8=B0=20=EB=AA=A8=EB=8B=AC=20=EB=B0=98=EC=9D=91?=
 =?UTF-8?q?=ED=98=95=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/components/common/modal/CreateInvitationModal.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/components/common/modal/CreateInvitationModal.tsx b/src/app/shared/components/common/modal/CreateInvitationModal.tsx
index 195a6bc..9a5f6c6 100644
--- a/src/app/shared/components/common/modal/CreateInvitationModal.tsx
+++ b/src/app/shared/components/common/modal/CreateInvitationModal.tsx
@@ -82,13 +82,13 @@ export default function CreateInvitationModal() {
             <button
               type="button"
               onClick={closeModal}
-              className="Border-btn Text-black h-54 w-256 rounded-8 px-16 py-10 text-16 font-semibold mobile:h-40 mobile:text-12 tablet:h-48 tablet:w-full tablet:text-14 mobile-sm:w-full"
+              className="Border-btn Text-black h-54 w-full rounded-8 px-16 py-10 text-16 font-semibold mobile:h-40 mobile:text-12 tablet:h-48 tablet:w-full tablet:text-14"
             >
               취소
             </button>
             <button
               type="submit"
-              className="BG-violet h-54 w-256 rounded-8 px-16 py-10 text-16 font-semibold text-white hover:opacity-90 mobile:h-40 mobile:text-12 tablet:h-48 tablet:w-full tablet:text-14 mobile-sm:w-full"
+              className="BG-violet h-54 w-full rounded-8 px-16 py-10 text-16 font-semibold text-white hover:opacity-90 mobile:h-40 mobile:text-12 tablet:h-48 tablet:w-full tablet:text-14"
             >
               초대
             </button>

From 2744f3b93e68fbdd0c4b9c68469f51da2dba7416 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:44:30 +0900
Subject: [PATCH 08/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EA=B3=B5=ED=86=B5?=
 =?UTF-8?q?=20Input=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=B0=98?=
 =?UTF-8?q?=EC=9D=91=ED=98=95=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/Input/Input.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/components/common/Input/Input.tsx b/src/app/shared/components/common/Input/Input.tsx
index 560621f..b2e000d 100644
--- a/src/app/shared/components/common/Input/Input.tsx
+++ b/src/app/shared/components/common/Input/Input.tsx
@@ -20,14 +20,17 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
 
     return (
       <div className="flex flex-col gap-8">
-        <label htmlFor={name} className="Text-black text-base font-normal">
+        <label
+          htmlFor={name}
+          className="Text-black text-base font-normal mobile-sm:text-12"
+        >
           {labelName}
         </label>
 
         <input
           id={name}
           className={cn(
-            'Text-black h-50 w-full rounded-8 px-16 py-12 text-base font-normal',
+            'Text-black h-50 w-full rounded-8 px-16 py-12 text-base font-normal mobile-sm:text-14',
             hasError ? 'Border-error' : 'Border-btn',
             props.readOnly && 'Text-gray cursor-default',
           )}

From 7296f2d028fbf1fd7d7a216c96ce82a284b32669 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:45:01 +0900
Subject: [PATCH 09/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=EC=82=AC=EC=9D=B4=EC=A6=88=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EA=B3=B5=EB=8F=99=20=EC=9E=91=EC=97=85=EC=9E=90=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EC=88=A8=EA=B8=B0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/header/Collaborator/CollaboratorList.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/components/common/header/Collaborator/CollaboratorList.tsx b/src/app/shared/components/common/header/Collaborator/CollaboratorList.tsx
index da1b040..c08b461 100644
--- a/src/app/shared/components/common/header/Collaborator/CollaboratorList.tsx
+++ b/src/app/shared/components/common/header/Collaborator/CollaboratorList.tsx
@@ -31,7 +31,7 @@ export default function CollaboratorList() {
   const extraCount = members.length - MAX_COLLABS
 
   return (
-    <div className="flex -space-x-10">
+    <div className="flex -space-x-10 mobile-sm:hidden">
       {visibleCollaborators.map((collab) => (
         <Tooltip key={collab.id} content={collab.nickname}>
           <div className="flex flex-col items-center text-xs">

From 1be1d2fcf6316cceb5484d664d7198172c81608a Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:45:40 +0900
Subject: [PATCH 10/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=ED=81=AC=EA=B8=B0=EC=97=90=EC=84=9C=20=ED=97=A4?=
 =?UTF-8?q?=EB=8D=94=20=EB=84=88=EB=B9=84=20=EC=A1=B0=EC=A0=95=EC=9D=84=20?=
 =?UTF-8?q?=EC=9C=84=ED=95=9C=20=EB=B2=84=ED=8A=BC=20=EA=B8=B8=EC=9D=B4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/header/RightHeaderNav.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/components/common/header/RightHeaderNav.tsx b/src/app/shared/components/common/header/RightHeaderNav.tsx
index efb6419..974227c 100644
--- a/src/app/shared/components/common/header/RightHeaderNav.tsx
+++ b/src/app/shared/components/common/header/RightHeaderNav.tsx
@@ -14,7 +14,7 @@ export default function RightHeaderNav() {
   const isMyDashboardPage = pathname === '/mydashboard'
 
   return (
-    <nav className="Text-black hidden gap-6 whitespace-nowrap text-sm">
+    <nav className="Text-black flex gap-6 whitespace-nowrap text-sm">
       {!isMyDashboardPage && (
         <>
           <NavItem
@@ -27,7 +27,7 @@ export default function RightHeaderNav() {
             as="button"
             onClick={() => openModal('invite')}
             iconSrc="/images/invitation.png"
-            label="초대하기"
+            label="초대"
           />
         </>
       )}

From 5731f83d983027967c3c26ca59cd14b767b2b36f Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:46:56 +0900
Subject: [PATCH 11/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=ED=99=94=EB=A9=B4=EC=97=90=EC=84=9C=20=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9=EC=9E=90=20=EB=8B=89=EB=84=A4=EC=9E=84=20=EC=88=A8?=
 =?UTF-8?q?=EA=B8=B0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/header/HeaderUserInfo.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/components/common/header/HeaderUserInfo.tsx b/src/app/shared/components/common/header/HeaderUserInfo.tsx
index d09ff1e..8193421 100644
--- a/src/app/shared/components/common/header/HeaderUserInfo.tsx
+++ b/src/app/shared/components/common/header/HeaderUserInfo.tsx
@@ -26,7 +26,7 @@ export function HeaderUserInfo({
     <div className="flex items-center gap-4">
       <Avatar size={size} name={displayNickname} imageUrl={displayImage} />
       {/* sm 이하 화면에서는 닉네임 숨김, md 이상에서만 보임 */}
-      <span className="ml-4 hidden text-sm font-semibold sm:inline">
+      <span className="ml-4 inline text-sm font-semibold mobile-sm:hidden">
         {displayNickname}
       </span>
     </div>

From 83ebca07d3e83936e573616b8d6c863664ca2bd9 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:48:25 +0900
Subject: [PATCH 12/21] =?UTF-8?q?=E2=99=BB=EF=B8=8Frefactor:=20=EC=83=89?=
 =?UTF-8?q?=EC=83=81=20=ED=8C=94=EB=A0=88=ED=8A=B8=EC=97=90=20=ED=97=A4?=
 =?UTF-8?q?=EB=8D=94=20=EA=B0=80=EB=A0=A4=EC=A7=80=EB=8A=94=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EB=B0=98=EC=9D=91?=
 =?UTF-8?q?=ED=98=95=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/header/Header.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/components/common/header/Header.tsx b/src/app/shared/components/common/header/Header.tsx
index 2f7b883..8da9cf1 100644
--- a/src/app/shared/components/common/header/Header.tsx
+++ b/src/app/shared/components/common/header/Header.tsx
@@ -9,11 +9,10 @@ import UserDropdown from './UserDropdown'
 
 export default function Header() {
   return (
-    //px-48
-    <header className="z-1 BG-white Border-bottom Text-black fixed inset-x-0 top-0 w-full overflow-x-auto border-b py-10 pl-320 pr-10 mobile-wide:pl-100 tablet-wide:pl-210">
-      <div className="flex w-full items-center justify-between pr-16 mobile-wide:justify-end tablet-wide:justify-between">
+    <header className="BG-white Border-bottom Text-black fixed inset-x-0 top-0 z-40 w-full overflow-x-auto border-b py-10 pl-360 pr-10 mobile-wide:pl-80 tablet-wide:pl-200">
+      <div className="flex w-full items-center justify-between pr-16 mobile-wide:justify-between tablet-wide:justify-between">
         {/* 좌측 대시보드명 */}
-        <div className="hidden lg:block">
+        <div className="hidden md:block">
           <LeftHeaderContent />
         </div>
 

From cab2dc01c94f2b6b61037d688aa09c72045eb60a Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:49:25 +0900
Subject: [PATCH 13/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=A9=A4=EB=B2=84?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EB=8B=89=EB=84=A4=EC=9E=84=20?=
 =?UTF-8?q?=EB=B0=98=EC=9D=91=ED=98=95=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/shared/components/common/UserInfo.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/components/common/UserInfo.tsx b/src/app/shared/components/common/UserInfo.tsx
index 30e8418..fdab9ea 100644
--- a/src/app/shared/components/common/UserInfo.tsx
+++ b/src/app/shared/components/common/UserInfo.tsx
@@ -22,7 +22,9 @@ export function UserInfo({ nickname, imageUrl, size = 36 }: UserInfoProps) {
     <div className="flex items-center gap-4">
       {/* Avatar에 nickname, profileImageUrl 모두 넘겨줌 */}
       <Avatar size={size} name={displayNickname} imageUrl={displayImage} />
-      <span className="ml-4 text-sm font-semibold">{displayNickname}</span>
+      <span className="ml-4 text-sm font-semibold mobile-sm:text-12">
+        {displayNickname}
+      </span>
     </div>
   )
 }

From 48224dd82dce227cbbcc8e9b6fa2fed661913d02 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:50:05 +0900
Subject: [PATCH 14/21] =?UTF-8?q?=E2=99=BB=EF=B8=8Frefactor:=20=EC=A0=9C?=
 =?UTF-8?q?=EB=AA=A9=EA=B3=BC=20=ED=8E=98=EC=9D=B4=EC=A7=80=EB=84=A4?=
 =?UTF-8?q?=EC=9D=B4=EC=85=98=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EB=B6=84=EB=A6=AC=20=EB=B0=8F=20=EB=B0=98=EC=9D=91=ED=98=95=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/edit/PaginationHeader.tsx      | 68 +++++++++----------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/app/features/dashboard/components/edit/PaginationHeader.tsx b/src/app/features/dashboard/components/edit/PaginationHeader.tsx
index cf4e018..ca0c427 100644
--- a/src/app/features/dashboard/components/edit/PaginationHeader.tsx
+++ b/src/app/features/dashboard/components/edit/PaginationHeader.tsx
@@ -6,7 +6,6 @@ import React from 'react'
 type PaginationHeaderProps = {
   currentPage: number
   totalPages: number
-  title: string
   onPrev: () => void
   onNext: () => void
   children?: React.ReactNode
@@ -15,44 +14,45 @@ type PaginationHeaderProps = {
 export function PaginationHeader({
   currentPage,
   totalPages,
-  title,
   onPrev,
   onNext,
 }: PaginationHeaderProps) {
   return (
-    <div className="mb-20 flex max-w-500 items-center justify-between whitespace-nowrap">
-      <h2 className="Text-black text-18 font-bold">{title}</h2>
+    <div className="flex max-w-500 items-center justify-center">
+      <p className="Text-gray mx-16 text-12 sm:mx-32 mobile-sm:text-10">
+        {totalPages} 페이지 중 {currentPage}
+      </p>
 
-      <div className="flex shrink-0 items-center">
-        <p className="Text-gray mx-16 shrink-0 text-12 sm:mx-32">
-          {totalPages} 페이지 중 {currentPage}
-        </p>
-
-        <button onClick={onPrev} disabled={currentPage === 1}>
-          <Image
-            src={
-              currentPage === 1
-                ? '/images/prev-disabled.png'
-                : '/images/prev.png'
-            }
-            alt="이전"
-            width={36}
-            height={36}
-          />
-        </button>
-        <button onClick={onNext} disabled={currentPage === totalPages}>
-          <Image
-            src={
-              currentPage === totalPages
-                ? '/images/next-disabled.png'
-                : '/images/next.png'
-            }
-            alt="다음"
-            width={36}
-            height={36}
-          />
-        </button>
-      </div>
+      <button
+        onClick={onPrev}
+        disabled={currentPage === 1}
+        className="relative mobile-sm:size-30"
+      >
+        <Image
+          src={
+            currentPage === 1 ? '/images/prev-disabled.png' : '/images/prev.png'
+          }
+          alt="이전"
+          width={36}
+          height={36}
+        />
+      </button>
+      <button
+        onClick={onNext}
+        disabled={currentPage === totalPages}
+        className="relative mobile-sm:size-30"
+      >
+        <Image
+          src={
+            currentPage === totalPages
+              ? '/images/next-disabled.png'
+              : '/images/next.png'
+          }
+          alt="다음"
+          width={36}
+          height={36}
+        />
+      </button>
     </div>
   )
 }

From e21277280d181719186c877e04535d50ed6e7b51 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:51:15 +0900
Subject: [PATCH 15/21] =?UTF-8?q?=E2=99=BB=EF=B8=8Frefactor:=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EB=84=A4=EC=9D=B4=EC=85=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EC=A0=9C=EB=AA=A9=20?=
 =?UTF-8?q?=EC=9E=91=EC=84=B1=20=EB=B0=8F=20=EB=B0=98=EC=9D=91=ED=98=95?=
 =?UTF-8?q?=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EA=B8=80=EC=9E=90=20=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/components/edit/EditMember.tsx  | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/app/features/dashboard/components/edit/EditMember.tsx b/src/app/features/dashboard/components/edit/EditMember.tsx
index e06381b..e2df674 100644
--- a/src/app/features/dashboard/components/edit/EditMember.tsx
+++ b/src/app/features/dashboard/components/edit/EditMember.tsx
@@ -65,16 +65,23 @@ export default function EditMember() {
   return (
     <div>
       <div className="BG-white max-w-584 overflow-x-auto rounded-16 px-32 py-24">
-        <PaginationHeader
-          currentPage={currentPage}
-          totalPages={totalPages}
-          title="구성원"
-          onPrev={handlePrev}
-          onNext={handleNext}
-        />
+        <div className="mb-20 flex items-center justify-between">
+          <h2 className="Text-black text-18 font-bold mobile-sm:text-14">
+            구성원
+          </h2>
+          <PaginationHeader
+            currentPage={currentPage}
+            totalPages={totalPages}
+            onPrev={handlePrev}
+            onNext={handleNext}
+          />
+        </div>
 
         <form>
-          <label htmlFor="title" className="Text-black mb-8 block text-16">
+          <label
+            htmlFor="title"
+            className="Text-black mb-8 block text-16 mobile-sm:text-12"
+          >
             이름
           </label>
 
@@ -119,7 +126,7 @@ export default function EditMember() {
                       disabled={isDeleting}
                       onClick={() => removeMember(member.id)}
                       className={cn(
-                        'Text-btn Border-btn rounded-md px-16 py-2',
+                        'Text-btn Border-btn rounded-md px-16 py-2 mobile-sm:text-12',
                         isDeleting && 'cursor-not-allowed opacity-50',
                       )}
                     >

From a6a42aab07b58d23f95838a5e8d817135e018ed4 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:52:20 +0900
Subject: [PATCH 16/21] =?UTF-8?q?=E2=99=BB=EF=B8=8Frefactor:=20=EC=B4=88?=
 =?UTF-8?q?=EB=8C=80=ED=95=98=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EB=B0=98?=
 =?UTF-8?q?=EC=9D=91=ED=98=95=20=EC=9C=84=EC=B9=98=20=EA=B3=A0=EC=A0=95=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=8E=98=EC=9D=B4=EC=A7=80=EB=84=A4=EC=9D=B4?=
 =?UTF-8?q?=EC=85=98=20=EC=88=98=EC=A0=95=20=EC=82=AC=ED=95=AD=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/edit/EditInvitation.tsx        | 37 ++++++++-----------
 1 file changed, 15 insertions(+), 22 deletions(-)

diff --git a/src/app/features/dashboard/components/edit/EditInvitation.tsx b/src/app/features/dashboard/components/edit/EditInvitation.tsx
index 311e9e0..3c737c5 100644
--- a/src/app/features/dashboard/components/edit/EditInvitation.tsx
+++ b/src/app/features/dashboard/components/edit/EditInvitation.tsx
@@ -94,33 +94,27 @@ export default function EditInvitation() {
         : null
 
   return (
-    <div className="BG-white w-full max-w-584 overflow-x-auto whitespace-nowrap rounded-16 px-32 py-24">
+    <div className="BG-white w-full max-w-584 overflow-x-auto rounded-16 px-32 py-24">
       {/* Header + 초대 버튼 영역 (데스크탑용) */}
-      <div className="mb-16 flex flex-col gap-12 md:flex-row md:items-center md:justify-between">
+      <div className="mb-20 flex items-center justify-between">
+        <h2 className="Text-black text-18 font-bold mobile-sm:text-14">
+          초대 내역
+        </h2>
         <PaginationHeader
           currentPage={currentPage}
           totalPages={totalPages}
-          title="초대 내역"
           onPrev={handlePrev}
           onNext={handleNext}
         />
-
-        {/* 데스크탑에서만 보이는 초대 버튼 */}
-        <button
-          onClick={() => openModal('invite')}
-          className="BG-violet mb-24 hidden w-fit shrink-0 items-center gap-8 self-end rounded-5 px-12 py-6 md:flex"
-        >
-          <div className="relative flex size-12 shrink-0">
-            <Image src="/images/invitation-white.png" fill alt="초대 버튼" />
-          </div>
-          <p className="text-14 text-white">초대하기</p>
-        </button>
       </div>
 
       {/* 이메일 입력 및 모바일 전용 버튼 */}
       <form className="overflow-x-auto">
-        <div className="mb-8 flex flex-row items-center justify-between gap-4 md:block">
-          <label htmlFor="title" className="Text-black block text-16">
+        <div className="mb-8 flex flex-row items-center justify-between gap-4">
+          <label
+            htmlFor="title"
+            className="Text-black block text-16 mobile-sm:text-12"
+          >
             이메일
           </label>
 
@@ -128,12 +122,12 @@ export default function EditInvitation() {
           <button
             onClick={() => openModal('invite')}
             type="button"
-            className="BG-violet mb-12 flex w-fit shrink-0 items-center gap-8 rounded-5 px-12 py-6 md:hidden"
+            className="BG-violet flex w-fit shrink-0 items-center gap-8 rounded-5 px-12 py-6"
           >
             <div className="relative flex size-12 shrink-0">
               <Image src="/images/invitation-white.png" fill alt="초대 버튼" />
             </div>
-            <p className="text-14 text-white">초대하기</p>
+            <p className="text-14 text-white mobile-sm:text-12">초대하기</p>
           </button>
         </div>
 
@@ -145,21 +139,20 @@ export default function EditInvitation() {
             <p className="Text-blue py-12 text-center">{errorMessage}</p>
           )}
           {!isLoading &&
-            !errorMessage &&
             currentItems.map((member, index) => {
               const isLast = index === currentItems.length - 1
               return (
                 <div
                   key={member.id}
                   className={cn(
-                    'flex items-center justify-between gap-12 py-4',
+                    'flex items-center justify-between gap-12 py-12',
                     !isLast && 'Border-bottom',
                   )}
                 >
                   <div className="flex min-w-0 items-center gap-12">
                     <div className="flex min-w-0 flex-col">
                       <Tooltip content={member.invitee.nickname}>
-                        <p className="Text-black max-w-[200px] cursor-help truncate text-13">
+                        <p className="Text-black max-w-200 cursor-help truncate text-13">
                           {member.invitee.email}
                         </p>
                       </Tooltip>
@@ -169,7 +162,7 @@ export default function EditInvitation() {
                     type="button"
                     disabled={cancelMutation.isPending}
                     className={cn(
-                      'Text-btn Border-btn w-fit shrink-0 rounded-md px-16 py-2',
+                      'Text-btn Border-btn w-fit shrink-0 rounded-md px-16 py-2 mobile-sm:text-12',
                       cancelMutation.isPending &&
                         'cursor-not-allowed opacity-50',
                     )}

From 11b3438c8154ee44dd895821e9e8d32781b590c7 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:53:07 +0900
Subject: [PATCH 17/21] =?UTF-8?q?=F0=9F=AB=A7modify:=20=EC=83=89=EC=83=81?=
 =?UTF-8?q?=20=ED=8C=94=EB=A0=88=ED=8A=B8=EA=B0=80=20=ED=97=A4=EB=8D=94=20?=
 =?UTF-8?q?=EA=B0=80=EB=A6=AC=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/features/dashboard/components/edit/EditInfo.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/features/dashboard/components/edit/EditInfo.tsx b/src/app/features/dashboard/components/edit/EditInfo.tsx
index 2fe513c..f21800b 100644
--- a/src/app/features/dashboard/components/edit/EditInfo.tsx
+++ b/src/app/features/dashboard/components/edit/EditInfo.tsx
@@ -16,8 +16,8 @@ export default function EditInfo() {
 
   return (
     <div>
-      <div className="BG-white max-w-584 rounded-16 px-32 py-24">
-        <h2 className="Text-black mb-24 text-18 font-bold">
+      <div className="BG-white relative z-0 max-w-584 rounded-16 px-32 py-24">
+        <h2 className="Text-black mb-24 text-18 font-bold mobile-sm:text-16">
           {selectedDashboard?.title || '대시보드 편집'}
         </h2>
 

From e5f41c013437642f6f05aa34008b4a2a003405b5 Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:53:56 +0900
Subject: [PATCH 18/21] =?UTF-8?q?=F0=9F=8E=A8style:=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=EC=82=AC=EC=9D=B4=EC=A6=88=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20=EC=82=AD=EC=A0=9C?=
 =?UTF-8?q?=ED=95=98=EA=B8=B0=20=EA=B8=80=EC=9E=90=20=ED=81=AC=EA=B8=B0=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/components/edit/DeleteDashboardButton.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/features/dashboard/components/edit/DeleteDashboardButton.tsx b/src/app/features/dashboard/components/edit/DeleteDashboardButton.tsx
index c8f7502..a9a90c0 100644
--- a/src/app/features/dashboard/components/edit/DeleteDashboardButton.tsx
+++ b/src/app/features/dashboard/components/edit/DeleteDashboardButton.tsx
@@ -63,7 +63,7 @@ export default function DeleteDashboardButton({
       onClick={handleDelete}
       // isLoading -> isPending으로 수정됨
       disabled={mutation.isPending}
-      className={`Text-black my-8 whitespace-nowrap rounded-8 font-semibold transition-opacity ${
+      className={`Text-black my-8 whitespace-nowrap rounded-8 font-semibold transition-opacity mobile-sm:text-12 ${
         mutation.isPending
           ? 'cursor-not-allowed opacity-50'
           : 'hover:opacity-90'

From d353bf9e2e66a85a8dce51f3023d30e44c6f19ea Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:54:49 +0900
Subject: [PATCH 19/21] =?UTF-8?q?=E2=99=BB=EF=B8=8Frefactor:=20=EB=8C=80?=
 =?UTF-8?q?=EC=8B=9C=EB=B3=B4=EB=93=9C=20=EC=88=98=EC=A0=95=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=8F=8C=EC=95=84=EA=B0=80=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=A0=81=EC=9A=A9=20=EB=B0=8F=20=EC=A0=84?=
 =?UTF-8?q?=EC=B2=B4=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/dashboard/[id]/edit/page.tsx | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/app/dashboard/[id]/edit/page.tsx b/src/app/dashboard/[id]/edit/page.tsx
index 89d0b6f..750c441 100644
--- a/src/app/dashboard/[id]/edit/page.tsx
+++ b/src/app/dashboard/[id]/edit/page.tsx
@@ -3,37 +3,27 @@
 import EditInfo from '@dashboard/components/edit/EditInfo'
 import EditInvitation from '@dashboard/components/edit/EditInvitation'
 import EditMember from '@dashboard/components/edit/EditMember'
-import Image from 'next/image'
 import { useParams } from 'next/navigation'
-import { useRouter } from 'next/navigation'
 
 import DeleteDashboardButton from '@/app/features/dashboard/components/edit/DeleteDashboardButton'
+import BackButton from '@/app/shared/components/common/BackButton/BackButton'
 
 export default function DashBoardEditPage() {
   const { id } = useParams()
-  const router = useRouter()
 
   return (
-    <div className="BG-gray px-4 pb-16 sm:px-8 md:px-16">
-      {/* 돌아가기 버튼 */}
-      <button
-        className="flex cursor-pointer items-center gap-12 pt-16"
-        type="button"
-        onClick={() => router.back()}
-      >
-        <Image src="/images/back.png" alt="돌아가기" width={6} height={4} />
-        <p className="text-14">돌아가기</p>
-      </button>
+    <div>
+      <BackButton />
 
       {/* 콘텐츠 영역 */}
-      <div className="mobile-sm:max-w-full mt-8 flex w-full flex-col gap-16 pl-16 sm:max-w-[460px] md:max-w-[500px]">
+      <div className="relative z-10 flex max-w-full flex-col gap-16">
         <EditInfo />
         <EditMember />
         <EditInvitation />
       </div>
 
       {/* 삭제 버튼 영역 */}
-      <div className="BG-white Text-btn ml-18 mt-18 flex justify-center rounded-md py-6 sm:max-w-[292px]">
+      <div className="BG-white Text-btn mt-18 flex max-w-292 justify-center rounded-md py-6">
         <DeleteDashboardButton dashboardId={String(id)} />
       </div>
     </div>

From b36a730943596213708706d711365865b015318e Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:55:14 +0900
Subject: [PATCH 20/21] =?UTF-8?q?=F0=9F=AB=A7modify:=20=EB=8C=80=EC=8B=9C?=
 =?UTF-8?q?=EB=B3=B4=EB=93=9C=20=EC=88=98=EC=A0=95=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=A0=84=EC=B2=B4=20=ED=8B=80=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/dashboard/[id]/edit/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/dashboard/[id]/edit/layout.tsx b/src/app/dashboard/[id]/edit/layout.tsx
index 7d27881..3278669 100644
--- a/src/app/dashboard/[id]/edit/layout.tsx
+++ b/src/app/dashboard/[id]/edit/layout.tsx
@@ -4,7 +4,7 @@ export default function AboutLayout({
   children: React.ReactNode
 }) {
   return (
-    <div>
+    <div className="BG-gray min-h-screen px-20 sm:px-30">
       <main>{children}</main>
     </div>
   )

From be2f6efcd5eb5e063b6df9db3198313f94fa7c3b Mon Sep 17 00:00:00 2001
From: yujin Jeon <101913688+yuj2n@users.noreply.github.com>
Date: Mon, 23 Jun 2025 08:55:38 +0900
Subject: [PATCH 21/21] =?UTF-8?q?=F0=9F=AB=A7modify:=20tailwind=20pxr=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/dashboard/[id]/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/dashboard/[id]/layout.tsx b/src/app/dashboard/[id]/layout.tsx
index cdcc913..2fe711a 100644
--- a/src/app/dashboard/[id]/layout.tsx
+++ b/src/app/dashboard/[id]/layout.tsx
@@ -10,7 +10,7 @@ export default function AboutLayout({
   return (
     <>
       <Sidebar />
-      <div className="pl-[300px] transition-all duration-300 mobile:pl-67 tablet:pl-[150px]">
+      <div className="pl-300 transition-all duration-300 mobile:pl-67 tablet:pl-150">
         <Header />
         <main className="pt-57">{children}</main>
       </div>