From 43d03b9d7c3a031d248062ec16c340ebce62b1f9 Mon Sep 17 00:00:00 2001
From: HyungWookChoi <qpflapffhs76@gmail.com>
Date: Sun, 17 Dec 2023 09:57:32 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20fix=20profile=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(route)/me/layout.tsx | 2 +-
 app/(route)/me/page.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(route)/me/layout.tsx b/app/(route)/me/layout.tsx
index 7b632b9..667a96e 100644
--- a/app/(route)/me/layout.tsx
+++ b/app/(route)/me/layout.tsx
@@ -5,7 +5,7 @@ import Header from '@/app/_components/shared/header'
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <UserContextProvider>
-      <main className='h-full'>
+      <main className='h-full bg-challenge-background bg-cover bg-center bg-no-repeat'>
         <Header>
           <div />
           <Header.Title>MY</Header.Title>
diff --git a/app/(route)/me/page.tsx b/app/(route)/me/page.tsx
index 6a1f254..1f8b25b 100644
--- a/app/(route)/me/page.tsx
+++ b/app/(route)/me/page.tsx
@@ -42,7 +42,7 @@ export default function MePage() {
 
   return (
     <div className='pb-20 pt-28'>
-      <div className='mb-5 flex flex-col gap-5 border-b border-white pb-6'>
+      <div className='mx-6 mb-5 flex flex-col gap-5 border-b border-white pb-6'>
         <div className='flex flex-col items-center gap-3'>
           <Image
             className='rounded-full bg-white'
@@ -71,7 +71,7 @@ export default function MePage() {
           </div>
         </div>
       </div>
-      <div className='flex flex-col gap-4'>
+      <div className='flex flex-col gap-4 px-6'>
         <div className='flex justify-between px-2'>
           <span className='text-xl font-semibold'>달달 뱃지</span>
           <Link href={ROUTE.BADGES}>