From df0ea83fa3357fd7c3c01d9d9786e9399c44bbf7 Mon Sep 17 00:00:00 2001
From: JAESUNG_PARK <86940240+JAESUNGPARK2635@users.noreply.github.com>
Date: Tue, 27 Jun 2023 11:57:30 +0900
Subject: [PATCH] Fix(web): Modification by feedback

---
 web/src/beta/components/SettingsButtons/index.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/src/beta/components/SettingsButtons/index.tsx b/web/src/beta/components/SettingsButtons/index.tsx
index 20ede6385b..2fbd90ce9d 100644
--- a/web/src/beta/components/SettingsButtons/index.tsx
+++ b/web/src/beta/components/SettingsButtons/index.tsx
@@ -16,13 +16,9 @@ const SettingsButtons: React.FC<Props> = ({ title, icon, onBlock, onEdit, onSett
   return (
     <Wrapper>
       <StyledMainIcon size={16} onClick={onBlock} icon={icon} />
-      <Text
-        size={"xFootnote"}
-        color={theme.general.content.strong}
-        otherProperties={{ padding: "0px 4px" }}
-        onClick={onBlock}>
+      <StyledText size={"xFootnote"} color={theme.general.content.strong} onClick={onBlock}>
         {title}
-      </Text>
+      </StyledText>
       <StyledSubIcon size={12} icon={"editIcon"} onClick={onEdit} />
       <StyledSubIcon size={12} icon={"settings"} onClick={onSetting} />
     </Wrapper>
@@ -37,6 +33,11 @@ const Wrapper = styled.div`
   background: ${props => props.theme.general.select};
 `;
 
+const StyledText = styled(Text)`
+  padding: 0px 4px;
+  cursor: pointer;
+`;
+
 const StyledMainIcon = styled(Icon)`
   padding: 2px;
   cursor: pointer;