From 3d6245b9d09df01fcc2a06be70c87576ab51d915 Mon Sep 17 00:00:00 2001
From: Syed Irfan Faraz <87533725+irfanfaraaz@users.noreply.github.com>
Date: Sat, 7 Oct 2023 02:01:43 +0530
Subject: [PATCH] fix: login button overlap issue (#987)

* fix: login buttor overlap issue
* fix: use justify-between instead of grid, negative margin
---
 src/components/ui/Bar.tsx           | 2 +-
 src/components/ui/DesktopNavBar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/Bar.tsx b/src/components/ui/Bar.tsx
index e57be584a..cb01ab0db 100644
--- a/src/components/ui/Bar.tsx
+++ b/src/components/ui/Bar.tsx
@@ -50,6 +50,6 @@ Bar.BG_DARK = 'bg-slate-800'
 Bar.JUSTIFY_LEFT = 'flex no-wrap justify-start items-center'
 Bar.JUSTIFY_RIGHT = 'flex no-wrap justify-end items-center'
 Bar.JUSTIFY_BETWEEN = 'flex no-wrap justify-between items-center w-full'
-Bar.GRID3 = 'w-full flex flex-row flex-nowrap md:grid md:grid md:grid-cols-3 md:auto-cols-max items-center'
+Bar.GRID3 = 'w-full flex flex-row flex-nowrap justify-between gap-4 items-center'
 Bar.PX_DEFAULT = 'px-2 md:px-6'
 Bar.PX_DEFAULT_LG = 'px-6'
diff --git a/src/components/ui/DesktopNavBar.tsx b/src/components/ui/DesktopNavBar.tsx
index 6061f5b69..a93c42316 100644
--- a/src/components/ui/DesktopNavBar.tsx
+++ b/src/components/ui/DesktopNavBar.tsx
@@ -21,7 +21,7 @@ export default function DesktopNavBar ({ branding, search, navList }: DesktopApp
     >
       <div className='w-fit'>{branding}</div>
 
-      <div className='w-9/12 2xl:w-full'>
+      <div className='w-2/5'>
         {search}
       </div>