diff --git a/src/app/(route)/hello/page.tsx b/src/app/(route)/hello/page.tsx
index 6ff6ecfd..4b3b10b9 100644
--- a/src/app/(route)/hello/page.tsx
+++ b/src/app/(route)/hello/page.tsx
@@ -3,7 +3,7 @@ import { FEATURES } from "./_constants/FEATURES";
 
 const page = () => {
   return (
-    <section className="min-h-[100dvh] flex-col-center">
+    <section className="flex-col-center h-base">
       {FEATURES.map((props, index) => (
         <FeatureSection key={index} {...props} />
       ))}
diff --git a/src/app/(route)/list/[id]/map/page.tsx b/src/app/(route)/list/[id]/map/page.tsx
index 0dce9e4d..78519fbd 100644
--- a/src/app/(route)/list/[id]/map/page.tsx
+++ b/src/app/(route)/list/[id]/map/page.tsx
@@ -4,7 +4,7 @@ import MapContent from "./_components/MapContent/MapContent";
 
 const page = () => {
   return (
-    <section className="h-dvh">
+    <section className="h-base">
       <DetailHeader title="분실/습득 위치" />
       <h1 className="sr-only">분실/습득 위치 지도</h1>
 
diff --git a/src/app/(route)/list/layout.tsx b/src/app/(route)/list/layout.tsx
index 233e6b04..789e0696 100644
--- a/src/app/(route)/list/layout.tsx
+++ b/src/app/(route)/list/layout.tsx
@@ -2,7 +2,7 @@ import { FloatingButton } from "@/components";
 
 const layout = ({ children }: { children: React.ReactNode }) => {
   return (
-    <div className="min-h-[calc(100vh-60px)] w-full">
+    <div className="w-full h-base">
       {children}
       <div className="fixed bottom-5 right-5">
         <FloatingButton ariaLabel="글쓰기" />
diff --git a/src/app/(route)/manual/layout.tsx b/src/app/(route)/manual/layout.tsx
index 435c6e22..cac9497f 100644
--- a/src/app/(route)/manual/layout.tsx
+++ b/src/app/(route)/manual/layout.tsx
@@ -5,7 +5,7 @@ const layout = ({ children }: { children: React.ReactNode }) => {
     <>
       <DetailHeader title="유실물 발생 시 매뉴얼" />
       <h1 className="sr-only">매뉴얼 페이지</h1>
-      <section className="min-h-[calc(100vh-60px)] w-full">{children}</section>
+      <section className="w-full h-base">{children}</section>
     </>
   );
 };
diff --git a/src/app/(route)/user/[id]/layout.tsx b/src/app/(route)/user/[id]/layout.tsx
index 51c2f1fc..7cd15f17 100644
--- a/src/app/(route)/user/[id]/layout.tsx
+++ b/src/app/(route)/user/[id]/layout.tsx
@@ -1,5 +1,5 @@
 const layout = ({ children }: { children: React.ReactNode }) => {
-  return <main className="min-h-[100dvh] w-full">{children}</main>;
+  return <main className="w-full h-base">{children}</main>;
 };
 
 export default layout;
diff --git a/src/app/(route)/user/[id]/page.tsx b/src/app/(route)/user/[id]/page.tsx
index ff394185..305e6c0a 100644
--- a/src/app/(route)/user/[id]/page.tsx
+++ b/src/app/(route)/user/[id]/page.tsx
@@ -3,17 +3,24 @@
 import { DetailHeader } from "@/components";
 import { TabContents, UserHeader } from "./_components";
 
-export default function Page() {
+const data = {
+  nickname: "사용자 닉네임",
+  email: "asdf@gmail.com",
+};
+
+const Page = () => {
   return (
     <>
-      <h1 className="sr-only">타인 프로필</h1>
       <DetailHeader title="프로필">
         <DetailHeader.Menu />
       </DetailHeader>
+      <h1 className="sr-only">타인 프로필</h1>
 
-      <UserHeader nickname="사용자 닉네임" email="asdf@gmail.com" />
+      <UserHeader nickname={data.nickname} email={data.email} />
 
       <TabContents />
     </>
   );
-}
+};
+
+export default Page;