From 3d523ef7b68109dac6a3115362ffcf34e05ed9a5 Mon Sep 17 00:00:00 2001
From: ZeroWave022 <36341766+ZeroWave022@users.noreply.github.com>
Date: Sat, 28 Sep 2024 13:43:18 +0200
Subject: [PATCH] fix: Header logo layout shift

---
 src/components/layout/Header.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index d7e6093..1d67cdd 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -10,17 +10,19 @@ function Header() {
   const t = useTranslations('layout');
   return (
     <header className='~px-4/24 sticky top-0 z-20 mx-auto flex min-h-14 w-full max-w-screen-2xl items-center justify-between border-border/40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60'>
-      <MobileSheet
-        className='flex md:hidden'
-        t={{
-          navigationMenu: t('navigationMenu'),
-          news: t('news'),
-          events: t('events'),
-          about: t('about'),
-          close: useTranslations('ui')('close'),
-        }}
-      />
-      <LogoLink />
+      <div className='flex gap-2'>
+        <MobileSheet
+          className='flex md:hidden'
+          t={{
+            navigationMenu: t('navigationMenu'),
+            news: t('news'),
+            events: t('events'),
+            about: t('about'),
+            close: useTranslations('ui')('close'),
+          }}
+        />
+        <LogoLink />
+      </div>
       <div className='flex gap-10'>
         <Nav
           className='hidden items-center gap-6 text-sm md:flex'