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 7d31cdebf..e00b90f0a 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 mx-[-64px]'>
+      <div className='w-2/5 2xl:w-full'>
         {search}
       </div>