diff --git a/client/src/components/Button.tsx b/client/src/components/Button.tsx index fe30167..a5a1b9c 100644 --- a/client/src/components/Button.tsx +++ b/client/src/components/Button.tsx @@ -51,6 +51,7 @@ const Button = (props: ButtonProps) => { : 'cursor-auto text-lighter bg-backgroundDark'; const boldFormat = props.bold ? 'font-bold' : 'font-normal'; const widthFormat = props.full ? 'w-full' : 'w-3/4 md:w-2/3'; + const focusFormat = 'focus:outline-none focus:ring-inset focus:ring-4 focus:ring-backgroundDark focus:ring-opacity-100'; const formatting = twMerge( defaultFormat, borderFormat, @@ -58,6 +59,7 @@ const Button = (props: ButtonProps) => { squareFormat, boldFormat, widthFormat, + focusFormat, props.className ); diff --git a/client/src/components/admin/AdminStatsPanel.tsx b/client/src/components/admin/AdminStatsPanel.tsx index 8280f45..3f74b44 100644 --- a/client/src/components/admin/AdminStatsPanel.tsx +++ b/client/src/components/admin/AdminStatsPanel.tsx @@ -68,11 +68,12 @@ const AdminStatsPanel = () => { }, [paused, time]); return ( -