diff --git a/src/app/features/auth/components/AuthLogo.tsx b/src/app/features/auth/components/AuthLogo.tsx
index 02d7826..1ac0840 100644
--- a/src/app/features/auth/components/AuthLogo.tsx
+++ b/src/app/features/auth/components/AuthLogo.tsx
@@ -14,8 +14,8 @@ export default function AuthLogo({ text }: AuthLogoProps): JSX.Element {
   const isDark = resolvedTheme === 'dark'
 
   return (
-    <div className="flex w-[230px] flex-col items-center justify-center gap-12">
-      <Link className="relative block h-[250px] w-full" href="/">
+    <div className="flex w-230 flex-col items-center justify-center gap-12">
+      <Link className="relative block h-250 w-full mobile-wide:h-150" href="/">
         <Image
           src={isDark ? '/images/logo-dark.svg' : '/images/logo-light.svg'}
           alt="CoPlan 로고"
diff --git a/src/app/features/landing/components/Footer.tsx b/src/app/features/landing/components/Footer.tsx
index b0ed45b..4e89a82 100644
--- a/src/app/features/landing/components/Footer.tsx
+++ b/src/app/features/landing/components/Footer.tsx
@@ -4,7 +4,7 @@ import GithubIcon from './GithubIcon'
 
 export default function Footer() {
   return (
-    <footer className="flex h-236 items-center justify-between gap-32 px-140 mobile-wide:flex-col mobile-wide:justify-around tablet-wide:h-100 tablet-wide:flex-row tablet-wide:justify-between tablet-wide:px-40">
+    <footer className="flex h-236 items-center justify-between gap-32 px-140 mobile-wide:flex-col mobile-wide:justify-center mobile-wide:gap-30 tablet-wide:h-100 tablet-wide:flex-row tablet-wide:justify-between tablet-wide:px-40">
       <p className="font-bold mobile-wide:text-12">@Coplan - 2025</p>
       <GithubIcon />
     </footer>
diff --git a/src/app/features/mypage/components/ProfileImageUpload.tsx b/src/app/features/mypage/components/ProfileImageUpload.tsx
index 3650523..ef93939 100644
--- a/src/app/features/mypage/components/ProfileImageUpload.tsx
+++ b/src/app/features/mypage/components/ProfileImageUpload.tsx
@@ -83,7 +83,7 @@ export default function ProfileImageUpload({
   }
 
   return (
-    <div className="relative size-182 basis-182">
+    <div className="relative size-182 basis-182 mobile-wide:size-140 mobile-wide:basis-140">
       {/* 파일 선택 트리거 역할 */}
       <label
         htmlFor="userProfile"
diff --git a/src/app/mypage/layout.tsx b/src/app/mypage/layout.tsx
index 7ba9382..1892545 100644
--- a/src/app/mypage/layout.tsx
+++ b/src/app/mypage/layout.tsx
@@ -11,7 +11,7 @@ export default function MypageLayout({
     <>
       <Sidebar />
       {/* Sidebar의 반응형이 적용 될 경우 변경 예정 */}
-      <div className="pl-300 mobile:pl-67 tablet:pl-160">
+      <div className="pl-300 mobile-wide:pl-67 tablet-wide:pl-160">
         <Header />
         <main className="BG-gray h-screen">{children}</main>
       </div>
diff --git a/src/app/mypage/page.tsx b/src/app/mypage/page.tsx
index 1b381a6..b83ca64 100644
--- a/src/app/mypage/page.tsx
+++ b/src/app/mypage/page.tsx
@@ -7,7 +7,7 @@ import ProfileEditForm from '@mypage/components/ProfileEditForm'
 export default function Mypage() {
   return (
     <>
-      <div className="p-20">
+      <div className="p-20 mobile-wide:p-10">
         {/* 헤더 영역 */}
         <section className="flex flex-col gap-16">
           {/* 뒤로 가기 버튼 */}