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 {