diff --git a/packages/web/components/elements/Button.tsx b/packages/web/components/elements/Button.tsx
index 257d7813e..103109699 100644
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@@ -42,11 +42,15 @@ export const Button = styled('button', {
p: '10px 12px',
bg: 'rgb(125, 125, 125, 0)',
'&:hover': {
+ bg: 'rgb(47, 47, 47, 0.1)',
+ },
+ '@md': {
bg: 'rgb(125, 125, 125, 0.1)',
},
'@xsmDown': {
visibility: 'collapse',
- }
+ },
+
},
ctaGray: {
border: 0,
diff --git a/packages/web/components/templates/LoginLayout.tsx b/packages/web/components/templates/LoginLayout.tsx
index 20d01462f..b7bdf065f 100644
--- a/packages/web/components/templates/LoginLayout.tsx
+++ b/packages/web/components/templates/LoginLayout.tsx
@@ -35,22 +35,23 @@ export function LoginLayout(props: LoginFormProps): JSX.Element {