diff --git a/client/src/features/auth-oauth/ui/OAuthButtons.tsx b/client/src/features/auth-oauth/ui/OAuthButtons.tsx index 18ccc53..4a28d87 100644 --- a/client/src/features/auth-oauth/ui/OAuthButtons.tsx +++ b/client/src/features/auth-oauth/ui/OAuthButtons.tsx @@ -16,6 +16,7 @@ export function OAuthButtons() { '&:hover': { borderColor: p.color, bgcolor: `${p.color}14`, + borderWidth: '1px', }, }} > diff --git a/client/src/pages/auth/ui/AuthPage.tsx b/client/src/pages/auth/ui/AuthPage.tsx index 4efedbc..df7ff2c 100644 --- a/client/src/pages/auth/ui/AuthPage.tsx +++ b/client/src/pages/auth/ui/AuthPage.tsx @@ -1,11 +1,11 @@ import { useEffect, useState } from 'react' -import { alpha, useTheme } from '@mui/material/styles' import Alert from '@mui/material/Alert' import Box from '@mui/material/Box' import Button from '@mui/material/Button' import InputAdornment from '@mui/material/InputAdornment' import Paper from '@mui/material/Paper' import Stack from '@mui/material/Stack' +import { alpha, useTheme } from '@mui/material/styles' import TextField from '@mui/material/TextField' import Typography from '@mui/material/Typography' import { useMutation } from '@tanstack/react-query' @@ -158,7 +158,12 @@ export function AuthPage() { key={idx} variant={tab === idx ? 'contained' : 'outlined'} size="small" - sx={{ borderRadius: '24px', flex: 1, textTransform: 'none', '&:hover': { transform: 'none' } }} + sx={{ + borderRadius: '24px', + flex: 1, + textTransform: 'none', + '&:hover': { transform: 'none', borderWidth: '1px' }, + }} onClick={() => { setTab(idx) setMessage(null)