From 6c1efe702c22a7d0e562a8574c428efa4a29f7e5 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Mon, 7 Apr 2025 12:42:25 +0300
Subject: [PATCH] feat: some button style changes

---
 src/components/ui/Button.module.scss | 2 +-
 src/components/ui/Button.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/Button.module.scss b/src/components/ui/Button.module.scss
index a0ef1e0..b87661f 100644
--- a/src/components/ui/Button.module.scss
+++ b/src/components/ui/Button.module.scss
@@ -1,5 +1,5 @@
 @reference '../../index.scss';
 
 .button {
-  @apply rounded-2xl border-2 py-3 font-semibold text-white transition-colors hover:cursor-pointer;
+  @apply rounded-2xl border-2 px-4 py-3 font-semibold text-white transition-colors hover:cursor-pointer;
 }
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index 9663921..19c6e23 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -13,10 +13,10 @@ const button = tv({
 
 interface ButtonProps {
   color?: "primary" | "secondary";
-  onClick: () => void;
+  onClick?: () => void;
 }
 
-const Button: FunctionComponent<ButtonProps> = ({ children, onClick, color = "primary" }) => {
+const Button: FunctionComponent<ButtonProps> = ({ children, onClick = () => {}, color = "primary" }) => {
   return (
     <button type="button" class={button({ color: color })} onClick={onClick}>
       {children}