From 1cc0f5a1969820ce4f7098eca2d69c3e4c22d4f4 Mon Sep 17 00:00:00 2001
From: youngeunkim <pkhj286@gmail.com>
Date: Wed, 3 Jan 2024 23:33:12 +0900
Subject: [PATCH] =?UTF-8?q?style:=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Header/@setting/layouts/setting.tsx | 6 +++---
 src/styles/theme.ts                                       | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/common/Header/@setting/layouts/setting.tsx b/src/components/common/Header/@setting/layouts/setting.tsx
index 125f3f92..613d601e 100644
--- a/src/components/common/Header/@setting/layouts/setting.tsx
+++ b/src/components/common/Header/@setting/layouts/setting.tsx
@@ -29,7 +29,7 @@ const Modal = styled.div`
   ${flex.CENTER};
   width: 100%;
   height: 100%;
-  background: #00000080;
+  background-color: rgba(0, 0, 0, 0.5);
 `;
 
 const ModalContent = styled.div`
@@ -53,10 +53,10 @@ const ExitButton = styled.div`
 
 const LogoutBox = styled.div`
   ${flex.CENTER};
-  margin: 7% 0 0 0;
+  margin-top: 7%;
   padding: 2%;
   border-radius: 5%;
-  background-color: #f1f3f5;
+  background-color: ${theme.btn_background};
   color: ${theme.black};
   ${font.H4};
   cursor: pointer;
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 7b9dae64..a2c6c9df 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -8,7 +8,7 @@ const theme = {
   green: "#3CAD4E",
 
   background: "#F9FAFF",
-
+  btn_background: "#f1f3f5;",
   primary_red: "#E54F5A",
   primary_blue: "#73AEE3",
   primary_yellow: "#FEBC56",