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;