From e9e3df8bcfbd899b1b1afd4ef5141490793c186f Mon Sep 17 00:00:00 2001
From: Yeonsu Lee <170384198+suuuuya@users.noreply.github.com>
Date: Mon, 20 Oct 2025 14:59:21 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EB=AA=A8=EB=8B=AC=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EA=B0=80=EC=9A=B4=EB=8D=B0=20=EC=A0=95?=
 =?UTF-8?q?=EB=A0=AC=20=EB=B0=8F=20=EB=A6=AC=EB=B7=B0=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=88=84=EB=9D=BD=EB=90=9C=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80=20#218?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/register/[id]/page.tsx            |  2 +-
 src/app/reviews/[reviewId]/edit/page.tsx  | 17 +++++++++++++++--
 src/app/reviews/[reviewId]/write/page.tsx |  2 +-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/app/register/[id]/page.tsx b/src/app/register/[id]/page.tsx
index 5ebf028c..f3f697fa 100644
--- a/src/app/register/[id]/page.tsx
+++ b/src/app/register/[id]/page.tsx
@@ -42,7 +42,7 @@ const Page = async ({ params }: { params: Promise<{ id: string }> }) => {
   return (
     <div
       className={cn(
-        "bg-gray-200 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat px-[16px] py-[35px]",
+        "flex-center min-h-screen bg-gray-200 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat px-[16px] py-[35px]",
         "tablet:py-[70px]",
         "pc:py-[70px]"
       )}
diff --git a/src/app/reviews/[reviewId]/edit/page.tsx b/src/app/reviews/[reviewId]/edit/page.tsx
index 4a0cee04..ebee669d 100644
--- a/src/app/reviews/[reviewId]/edit/page.tsx
+++ b/src/app/reviews/[reviewId]/edit/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { cn } from "@/lib/utils";
 import { useRouter, useParams } from "next/navigation";
 import { useEffect } from "react";
 import ReviewFormClient from "@/app/wines/[id]/_components/wine-review-form/review-form-client";
@@ -16,8 +17,20 @@ export default function EditPage() {
   if (!reviewId) return null;
 
   return (
-    <main className="min-h-screen bg-gray-100 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat">
-      <section className="container mx-auto flex max-w-[460px] flex-col gap-10 py-12 pt-24 tablet:max-w-[740px] pc:max-w-[1020px]">
+    <main
+      className={cn(
+        "flex-center min-h-screen bg-gray-200 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat py-[35px]",
+        "tablet:py-[70px]",
+        "pc:py-[70px]"
+      )}
+    >
+      <section
+        className={cn(
+          "container mt-[60px] flex flex-col gap-10 rounded-2xl bg-white px-[16px] py-8",
+          "tablet:max-w-[480px]",
+          "pc:max-w-[480px]"
+        )}
+      >
         <h1 className="text-heading-lg">리뷰 수정</h1>
         <ReviewFormClient
           reviewId={reviewId}
diff --git a/src/app/reviews/[reviewId]/write/page.tsx b/src/app/reviews/[reviewId]/write/page.tsx
index b94453e6..bde2fb1a 100644
--- a/src/app/reviews/[reviewId]/write/page.tsx
+++ b/src/app/reviews/[reviewId]/write/page.tsx
@@ -19,7 +19,7 @@ export default function WritePage() {
   return (
     <main
       className={cn(
-        "min-h-screen bg-gray-100 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat py-[35px]",
+        "flex-center min-h-screen bg-gray-200 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat py-[35px]",
         "tablet:py-[70px]",
         "pc:py-[70px]"
       )}