From a316075763e431de7d96901f3bf0374c40d12f06 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Sun, 30 Jul 2023 22:16:50 +0900
Subject: [PATCH] =?UTF-8?q?chore(style):=20border-radius=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/Modal/EmojiModal/ModalHeader.tsx       |  2 ++
 .../common/Modal/SettingModal/index.tsx           | 15 ++++++++++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Modal/EmojiModal/ModalHeader.tsx b/src/components/common/Modal/EmojiModal/ModalHeader.tsx
index 45788cad..977e6698 100644
--- a/src/components/common/Modal/EmojiModal/ModalHeader.tsx
+++ b/src/components/common/Modal/EmojiModal/ModalHeader.tsx
@@ -28,6 +28,8 @@ const Container = styled.header`
   gap: 6px;
   align-items: center;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
 `;
 
 const Title = styled.span`
diff --git a/src/components/common/Modal/SettingModal/index.tsx b/src/components/common/Modal/SettingModal/index.tsx
index e62caa1c..a536670c 100644
--- a/src/components/common/Modal/SettingModal/index.tsx
+++ b/src/components/common/Modal/SettingModal/index.tsx
@@ -1,16 +1,25 @@
 import color from "@/styles/color";
 import React from "react";
 import styled from "styled-components";
+import SettingHeader from "./SettingHeader";
+import SettingBody from "./SettingBody";
 
 const SettingModal = () => {
-  return <Container />;
+  return (
+    <Container>
+      <SettingHeader />
+      <SettingBody />
+    </Container>
+  );
 };
 
 const Container = styled.div`
-  width: 30vw;
-  height: 40vh;
+  width: 40vw;
+  height: 90vh;
+  overflow-y: scroll;
   background-color: ${color.white};
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
 `;
 
 export default SettingModal;