diff --git a/src/components/Header/Navbar.component.tsx b/src/components/Header/Navbar.component.tsx
index 0e7004da2..ea96a0c34 100644
--- a/src/components/Header/Navbar.component.tsx
+++ b/src/components/Header/Navbar.component.tsx
@@ -18,7 +18,7 @@ const Navbar = () => {
   return (
     <header>
       <nav id="header" className="top-0 z-50 w-full py-1 bg-white ">
-        <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
+        <div className="container flex flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
           <div
             className="order-3 hidden w-full md:flex md:items-center md:w-auto md:order-1"
             id="menu"
@@ -40,7 +40,7 @@ const Navbar = () => {
               </li>
             </ul>
           </div>
-          <div className="order-1 md:order-2">
+          <div className="order-1 md:order-2 md:hidden lg:block">
             <Link href="/">
               <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
                 <svg