diff --git a/apps/what-today/src/components/MypageMainSideBar.tsx b/apps/what-today/src/components/MypageMainSideBar.tsx
deleted file mode 100644
index eb5f6604..00000000
--- a/apps/what-today/src/components/MypageMainSideBar.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { CalendarIcon, ListIcon, SettingIcon, UserIcon } from '@what-today/design-system';
-import { Link, useLocation } from 'react-router-dom';
-import { twMerge } from 'tailwind-merge';
-
-// interface MypageSidebarProps {
-//   /**
-//    * 사용자 프로필 이미지 URL
-//    * 전달되지 않을 경우 기본 아이콘(ProfileLogo)이 표시됩니다.
-//    */
-//   profileImgUrl?: string;
-//   /**
-//    * 로그아웃 버튼 클릭 시 실행되는 콜백 함수(아마 모달을 띄우지 않을까 싶습니다.)
-//    */
-//   onLogoutClick: () => void;
-//   /**
-//    * 클릭했을 때 sidebar 열림 여부 변경
-//    */
-//   onClick: () => void;
-//   /**
-//    * MypageSidebar의 열림 여부
-//    */
-//   isOpen: boolean;
-// }
-
-/**
- * MypageSidebar 컴포넌트
- *
- * 사용자의 프로필 이미지와 마이페이지 관련 메뉴를 표시합니다.
- * 현재 URL 경로에 따라 해당 메뉴 항목을 하이라이트 처리합니다.
- * 로그아웃 버튼을 포함하며, 클릭 시 지정된 콜백을 실행합니다.
- *
- * @component
- * @example
- * <MypageSidebar
- *   profileImgUrl="https://example.com/avatar.jpg"
- *   isOpen={isSidebarOpen}
- *   onClick={() => setSidebarOpen((prev) => !prev)}
- *   onLogoutClick={() => alert('hi')}
- * />
- */
-export default function MypageMainSidebar() {
-  const location = useLocation();
-
-  /**
-   * 사이드바에 표시할 고정 메뉴 항목 목록
-   * 각 항목은 라벨, 아이콘 컴포넌트, 이동 경로로 구성됩니다.
-   */
-  const items = [
-    { icon: UserIcon, label: '내 정보', to: '/mypage/edit-profile' },
-    { icon: ListIcon, label: '예약 내역', to: '/mypage/reservations-list' },
-    { icon: SettingIcon, label: '내 체험 관리', to: '/mypage/manage-activities' },
-    { icon: CalendarIcon, label: '예약 현황', to: '/mypage/reservations-status' },
-  ];
-
-  return (
-    <nav
-      className={twMerge(
-        // 공통 스타일
-        'fixed z-50 max-w-200 min-w-200 rounded-2xl border border-gray-50 bg-white transition duration-300 md:static md:h-fit xl:w-280',
-        // 모바일에서 Drawer 위치
-        // isOpen ? 'h-474 translate-x-0' : 'h-50 -translate-x-full bg-gray-200',
-        // 'md:translate-x-0',
-        // 'md:bg-white',
-      )}
-    >
-      {/* 콘텐츠: PC는 항상, 모바일은 isOpen일 때만 */}
-      <div
-        className={twMerge(
-          'flex h-full flex-col items-center gap-24 px-14 py-12',
-          //   isOpen ? 'flex' : 'hidden',
-          //   'md:flex',
-        )}
-      >
-        <ul className='flex w-full flex-col justify-center gap-4'>
-          {items.map(({ label, icon: Icon, to }) => {
-            const isSelected = location.pathname === to;
-            const itemClass = twMerge(
-              'flex w-full cursor-pointer items-center gap-8 rounded-2xl px-20 py-14',
-              isSelected ? 'bg-primary-100 text-gray-950' : 'text-gray-600 hover:bg-gray-25',
-            );
-            const iconColor = isSelected ? '#3d9ef2' : '#707177';
-            return (
-              <li key={label}>
-                <Link className={itemClass} to={to}>
-                  <div className='flex size-24 items-center justify-center'>
-                    <Icon color={`${iconColor}`} />
-                  </div>
-                  <div className='body-text font-medium'>{label}</div>
-                </Link>
-              </li>
-            );
-          })}
-        </ul>
-      </div>
-    </nav>
-  );
-}
diff --git a/apps/what-today/src/components/MypageSidebar.tsx b/apps/what-today/src/components/MypageSidebar.tsx
index 191220c9..b76552c5 100644
--- a/apps/what-today/src/components/MypageSidebar.tsx
+++ b/apps/what-today/src/components/MypageSidebar.tsx
@@ -58,10 +58,11 @@ export default function MypageSidebar({ onLogoutClick, onClick, isOpen }: Mypage
         // 공통 스타일
         'fixed z-50 max-w-200 min-w-200 rounded-2xl border border-gray-50 bg-white transition duration-300 md:static md:h-fit xl:w-280',
         // 모바일에서 Drawer 위치
-        isOpen ? 'translate-x-0' : 'h-50 -translate-x-full bg-gray-200',
+        isOpen ? 'translate-x-0' : 'h-100 -translate-x-full bg-gray-200',
         'md:translate-x-0',
         'md:bg-white',
       )}
+      onClick={onClick}
     >
       {/* 콘텐츠: PC는 항상, 모바일은 isOpen일 때만 */}
       <div
diff --git a/apps/what-today/src/layouts/Mypage.tsx b/apps/what-today/src/layouts/Mypage.tsx
index 8112c68e..0070d0db 100644
--- a/apps/what-today/src/layouts/Mypage.tsx
+++ b/apps/what-today/src/layouts/Mypage.tsx
@@ -40,7 +40,7 @@ export default function MyPageLayout() {
         onLogoutClick={handleLogout}
       />
       <Button
-        className={twMerge('fixed top-68 left-4 z-55 w-fit p-0 md:hidden', isSidebarOpen && 'hidden')}
+        className={twMerge('fixed top-92 left-4 z-55 w-fit p-0 md:hidden', isSidebarOpen && 'hidden')}
         size='xs'
         variant='none'
         onClick={() => setSidebarOpen(true)}
diff --git a/apps/what-today/src/pages/mypage/main/index.tsx b/apps/what-today/src/pages/mypage/main/index.tsx
index 5ebeeb9d..a55e42a8 100644
--- a/apps/what-today/src/pages/mypage/main/index.tsx
+++ b/apps/what-today/src/pages/mypage/main/index.tsx
@@ -20,6 +20,7 @@ import { useWhatTodayStore } from '@/stores';
 
 export default function MyPage() {
   const navigate = useNavigate();
+
   const { logoutUser } = useAuth();
   const { user } = useWhatTodayStore();
   const { toast } = useToast();
@@ -112,11 +113,12 @@ export default function MyPage() {
       {/* <MypageMainSidebar /> */}
       <div className='flex w-full flex-col gap-24'>
         <MypageProfileHeader
+          email={user?.email}
           name={user?.nickname}
           profileImageUrl={user?.profileImageUrl ?? undefined}
           onLogoutClick={handleLogout}
         />
-        <div className='flex gap-24'>
+        <div className='flex flex-col gap-24 md:flex-row'>
           <MypageSummaryCard.Root>
             <MypageSummaryCard.Item count={totalActivity || 0} label='등록한 체험' />
             <MypageSummaryCard.Item count={totalPending} label={`${dayjs().format('M')}월 승인 대기`} />
@@ -136,23 +138,23 @@ export default function MyPage() {
             />
           </MypageSummaryCard.Root>
         </div>
-        <div className='flex max-h-540 min-h-300 flex-col gap-16 rounded-3xl border border-gray-50 px-32 pt-24'>
-          <p className='body-text font-bold'>다가오는 일정</p>
-          <UpcomingSchedule
-            className='w-full overflow-y-scroll'
-            reservation={confirmedData?.reservations || []}
-            onClick={() => navigate('/')}
-            onClickReservation={(id) => navigate(`/activities/${id}`)}
-          />
-        </div>
-        <div className='flex h-300 w-full flex-col gap-16 overflow-hidden rounded-3xl border border-gray-50 px-40 py-24'>
-          <p className='body-text font-bold'>{`${dayjs().format('M')}월 모집 중인 체험`}</p>
+        <div className='flex h-248 w-full flex-col gap-8 rounded-3xl border-gray-50 md:h-300 md:gap-16 md:border md:px-40 md:py-24'>
+          <p className='text-lg font-bold'>{`${dayjs().format('M')}월 모집 중인 체험`}</p>
           <OngoingExperienceCard
             activities={availableActivities}
             onClick={() => navigate('/experiences/create')}
             onClickActivity={(id) => navigate(`/activities/${id}`)}
           />
         </div>
+        <div className='flex min-h-300 flex-col gap-8 rounded-3xl border-gray-50 md:max-h-540 md:gap-16 md:border md:px-32 md:pt-24'>
+          <p className='text-lg font-bold'>다가오는 일정</p>
+          <UpcomingSchedule
+            className='w-full md:overflow-y-auto'
+            reservation={confirmedData?.reservations || []}
+            onClick={() => navigate('/')}
+            onClickReservation={(id) => navigate(`/activities/${id}`)}
+          />
+        </div>
       </div>
     </div>
   );
diff --git a/packages/design-system/src/components/MypageProfileHeader.tsx b/packages/design-system/src/components/MypageProfileHeader.tsx
index 1ca8c2f6..1d27fb29 100644
--- a/packages/design-system/src/components/MypageProfileHeader.tsx
+++ b/packages/design-system/src/components/MypageProfileHeader.tsx
@@ -4,11 +4,12 @@ import { ProfileLogo } from './logos';
 
 interface MypageProfileHeaderProps {
   name?: string;
+  email?: string;
   profileImageUrl?: string;
   onLogoutClick: () => void;
 }
 
-export default function MypageProfileHeader({ name, profileImageUrl, onLogoutClick }: MypageProfileHeaderProps) {
+export default function MypageProfileHeader({ name, email, profileImageUrl, onLogoutClick }: MypageProfileHeaderProps) {
   return (
     <div className='flex items-center gap-24 rounded-3xl border border-gray-50 bg-white px-36 py-24'>
       <div className='flex size-100 items-center justify-center rounded-full border border-gray-50 bg-white'>
@@ -23,8 +24,11 @@ export default function MypageProfileHeader({ name, profileImageUrl, onLogoutCli
         )}
       </div>
 
-      <div className='flex h-80 flex-col justify-between text-gray-950'>
-        <p className='text-2xl font-bold'>{name}</p>
+      <div className='flex h-80 flex-col justify-center gap-8 text-gray-950'>
+        <div className='flex flex-col'>
+          <p className='text-2xl font-bold'>{name}</p>
+          <p className='text-lg text-gray-400'>{email}</p>
+        </div>
         <Button
           className='h-auto w-auto justify-start p-0 text-gray-400'
           size='lg'