From ccc7e4ff1fc7e54b431d631e24bd168983b7a9c8 Mon Sep 17 00:00:00 2001
From: Batyr <awbatyr@gmail.com>
Date: Fri, 14 Nov 2025 18:19:52 +0500
Subject: [PATCH] fix: adjust logo and button styles for better alignment and
 spacing

---
 src/components/layout/header.tsx | 8 ++++----
 src/components/shared/logo.tsx   | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index cc3cbf5..b17fb88 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -68,10 +68,10 @@ export const Header: FC = () => {
           <Container className="flex items-center justify-between ">
             <div className="flex items-center gap-8">
               <Link to="/">
-                <Logo />
+                <Logo className="" />
               </Link>
 
-              <nav className="lg:flex hidden items-center gap-6 text-white">
+              <nav className="lg:flex hidden items-center gap-3 xl:gap-6 text-white">
                 {nav.slice(3, 6).map((item) =>
                   !item.drop ? (
                     <Link
@@ -110,7 +110,7 @@ export const Header: FC = () => {
                 <Button
                   variant={"secondary"}
                   size={"sm"}
-                  className="bg-white text-primary hover:bg-white/90"
+                  className="bg-white text-primary hover:bg-white/90 h-12 w-fit"
                 >
                   {lang === "ru" ? "Официальная поддержка" : "Official Support"}
                 </Button>
@@ -120,7 +120,7 @@ export const Header: FC = () => {
                 <Button
                   variant={"secondary"}
                   size={"sm"}
-                  className="bg-teritary text-white hover:bg-teritary/90"
+                  className="bg-teritary text-white hover:bg-teritary/90 h-12 w-fit"
                 >
                   {lang === "ru" ? "Стать спонсором" : "Become a sponsor"}
                 </Button>
diff --git a/src/components/shared/logo.tsx b/src/components/shared/logo.tsx
index f1d6e2a..d192483 100644
--- a/src/components/shared/logo.tsx
+++ b/src/components/shared/logo.tsx
@@ -7,7 +7,7 @@ interface Props {
 
 export const Logo: FC<Props> = ({ className }) => {
   return (
-    <div className={cn("md:h-16 h-10 w-auto", className)}>
+    <div className={cn("xl:h-14 h-10 w-auto", className)}>
       <img src="/logo.svg" alt="logo" className="size-full object-cover" />
     </div>
   );