From d4791b43a6e76daae69c6b57fd77191c40120b3a Mon Sep 17 00:00:00 2001
From: Farhan <144435177+toufiqfarhan0@users.noreply.github.com>
Date: Mon, 16 Sep 2024 22:45:15 +0530
Subject: [PATCH] responsive header on md screens (#333)

---
 src/layouts/header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/header.tsx b/src/layouts/header.tsx
index 50e75005..d65020d3 100644
--- a/src/layouts/header.tsx
+++ b/src/layouts/header.tsx
@@ -52,10 +52,10 @@ const Header = () => {
 
   return (
     <header
-      className="sticky top-6 z-50 md:w-auto mx-auto w-full px-6 transition-opacity duration-300"
+      className="sticky top-6 z-50 sm:w-auto mx-auto w-full px-6 transition-opacity duration-300"
       style={{ opacity }}
     >
-      <div className="container flex h-14 max-w-screen-xl items-center md:border-2 rounded-full border-border/40 sm:bg-none sm:bg-background/60 ">
+      <div className="container flex h-14 max-w-screen-xl items-center md:border-2 bg-background/60 rounded-full border border-border/40 sm:bg-none sm:bg-background/60 ">
         <Link href="/" className="p-2.5 mr-4">
           <CompanyLogo />
         </Link>