diff --git a/src/components/HubButton.tsx b/src/components/HubButton.tsx
index b916314..75461eb 100644
--- a/src/components/HubButton.tsx
+++ b/src/components/HubButton.tsx
@@ -9,27 +9,21 @@ const parseInlineStyle = (style: string) => {
.reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {})
}
-const StyledWrapper = styled.div`
+const StyledButton = styled.a`
display: flex;
align-items: center;
height: 44px;
padding: 0 12px;
background-color: #54b4cd;
border-radius: 8px;
-`
-
-const StyledButton = styled.a`
- display: inline-block;
- margin-bottom: 1px;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
color: #ffffff;
position: relative;
- label {
- cursor: pointer;
- text-align: center;
+ span {
+ margin-bottom: 1px;
}
&:hover {
@@ -39,11 +33,13 @@ const StyledButton = styled.a`
const HubButton = ({ style }: { style?: string }) => {
return (
-
-
- Upgrade
-
-
+
+ Upgrade
+
)
}