From 5b45b51d992f437fc7406361e7ed1a3ff0a5bf02 Mon Sep 17 00:00:00 2001
From: chaem03 <hcm0309@naver.com>
Date: Tue, 6 Aug 2024 11:40:51 +0900
Subject: [PATCH] =?UTF-8?q?Design:=20=EB=A7=9E=EC=B6=A4=ED=98=95=EB=A3=A8?=
 =?UTF-8?q?=ED=8B=B4=EB=B0=95=EC=8A=A4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RoutineChange/RoutineChange.jsx |  2 +-
 src/components/RoutineChange/styled.js         | 10 +++++-----
 src/pages/User/style.js                        |  3 +--
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/RoutineChange/RoutineChange.jsx b/src/components/RoutineChange/RoutineChange.jsx
index b2a9ac02..10684055 100644
--- a/src/components/RoutineChange/RoutineChange.jsx
+++ b/src/components/RoutineChange/RoutineChange.jsx
@@ -84,7 +84,7 @@ const ChangeRoutine = ({ onCategoriesUpdate }) => {
           width="50%"
           height="40px"
           $radius="15px"
-          $background="rgba(196, 217, 226, 0.50)"
+          $background="#78A1B5"
           onClick={handleSubmit}
           $isDisabled={!isAnyCategorySelected}
         >
diff --git a/src/components/RoutineChange/styled.js b/src/components/RoutineChange/styled.js
index bb384c2a..c8fe19c5 100644
--- a/src/components/RoutineChange/styled.js
+++ b/src/components/RoutineChange/styled.js
@@ -1,5 +1,4 @@
 import styled from "styled-components";
-import BACKGROUND from "../../assets/background.svg";
 
 export const RoutineLayout = styled.div`
   width: 100%;
@@ -7,10 +6,9 @@ export const RoutineLayout = styled.div`
   display: flex;
   align-items: center;
   flex-direction: column;
-  background-image: url(${BACKGROUND});
   background-repeat: none;
   background-size: cover;
-  gap: 4rem;
+  gap: 3rem;
 `;
 export const CategoryWrapper = styled.div`
   display: flex;
@@ -21,8 +19,8 @@ export const CategoryView = styled.div`
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
-  width: 270px;
-  justify-content: flex-start;
+
+  justify-content: center;
 `;
 export const CutomTitle = styled.p`
   font-family: "AppleSDGothicNeoSB";
@@ -32,6 +30,8 @@ export const CutomTitle = styled.p`
   line-height: normal;
   color: black;
   padding: 2rem;
+  display: flex;
+  align-self: flex-start;
 `;
 export const SelectView = styled.div`
   width: 100%;
diff --git a/src/pages/User/style.js b/src/pages/User/style.js
index 97c0e9df..9657b11f 100644
--- a/src/pages/User/style.js
+++ b/src/pages/User/style.js
@@ -134,8 +134,7 @@ export const CategoryView = styled.div`
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
-  width: 270px;
-  justify-content: flex-start;
+  justify-content: center;
 `;
 
 export const TitleView = styled.div`