feat: improve components style

1 files changed, 3 insertions, 3 deletions

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index b715ba9..56915d4 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -10,8 +10,8 @@ export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 const variants = {
-  contained: 'bg-black text-white',
-  outlined: '',
+  contained: 'bg-black text-white hover:underline ring-gray-400',
+  outlined: 'hover:shadow border border-gray-300 ring-gray-200',
 };
 
 const sizes = {
@@ -20,7 +20,7 @@ const sizes = {
   sm: 'p-3',
 };
 
-const style = 'm-3 font-bold tracking-wide hover:underline focus:outline-none border-2 border-black';
+const style = 'm-3 rounded-sm font-semibold focus:outline-none active:ring-2';
 
 const Button: React.FC<Props> = ({ onClick, route, variant = 'contained', size = 'md', type = 'button', ...props }) => {
   const history = useHistory();