From 466a58bab82e1fdfc3baadfaf70b42b977af9a01 Mon Sep 17 00:00:00 2001
From: JO YUN HO <yujo.dev@gmail.com>
Date: Sun, 28 Aug 2022 19:33:10 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=98=88=EC=95=BD=EC=A1=B0?=
 =?UTF-8?q?=EA=B1=B4=EC=9D=B4=20=EC=84=A0=ED=83=9D=EB=90=90=EC=9D=84=20?=
 =?UTF-8?q?=EB=95=8C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?(#856)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/ManagerSpaceEditor/units/Form.styles.ts    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/ManagerSpaceEditor/units/Form.styles.ts b/frontend/src/pages/ManagerSpaceEditor/units/Form.styles.ts
index 107f53c4c..7682a1468 100644
--- a/frontend/src/pages/ManagerSpaceEditor/units/Form.styles.ts
+++ b/frontend/src/pages/ManagerSpaceEditor/units/Form.styles.ts
@@ -142,6 +142,11 @@ export const TabListItem = styled.li<TabListItemProps>`
   border-radius: 0.25rem;
 
   background-color: ${({ isPrimary, theme }) => isPrimary && theme.primary[400]};
+  color: ${({ isPrimary, theme }) => isPrimary && theme.white};
+
+  svg {
+    fill: ${({ isPrimary, theme }) => isPrimary && theme.white};
+  }
 `;
 
 export const TabTextButton = styled(Button)`
@@ -155,10 +160,10 @@ export const TabRemoveButton = styled(IconButton)`
   margin-right: 4px;
 
   &:hover {
-    background-color: ${({ theme }) => theme.gray[300]};
+    background-color: ${({ theme }) => theme.gray[200]};
 
     svg {
-      fill: #fff;
+      fill: ${({ theme }) => theme.black[400]};
     }
   }