From bf8c23687f1be572a6f6630f36587f3e4db01198 Mon Sep 17 00:00:00 2001
From: Nikolai Kryshnev <kryshnev2019@gmail.com>
Date: Sat, 28 Dec 2024 21:46:14 +0300
Subject: [PATCH] fix: fixed menu display on tablets

---
 .../components/base-org/shared/TopNavigation/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/base-org/shared/TopNavigation/index.tsx b/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
index 774090dff6..32ab59d355 100644
--- a/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
+++ b/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
@@ -99,26 +99,26 @@ export default function TopNavigation() {
   const showGasDropdownAndConnectWallet = !cryptoExcludedPaths.includes(pathname ?? '');
   return (
     <AnalyticsProvider context="navbar">
-      <nav className="fixed top-0 z-50 w-full shrink-0 px-[1rem] py-4 md:px-[1.5rem] lg:px-[2rem]">
+      <nav className="fixed top-0 z-50 w-full shrink-0 px-[1rem] py-4 lg:px-[1.5rem] lg:px-[2rem]">
         <div className="flex w-full items-center justify-between gap-2">
           {/* Logo and Gas price section */}
-          <div className="relative z-20 flex items-center gap-4 md:min-w-[16rem]">
+          <div className="relative z-20 flex items-center gap-4 lg:min-w-[16rem]">
             <Link href="/" className="flex min-h-[3rem] min-w-[3rem]">
               <Image src={logo as StaticImageData} alt="Base Logo" />
             </Link>
             {showGasDropdownAndConnectWallet && <DynamicWrappedGasPriceDropdown />}
           </div>
 
-          <div className="hidden md:inline-block">
+          <div className="hidden lg:inline-block">
             <MenuDesktop links={links} />
           </div>
 
-          <div className="mr-auto inline-block md:hidden">
+          <div className="mr-auto inline-block lg:hidden">
             <MenuMobile links={links} />
           </div>
 
           {/* Connect Wallet button */}
-          <div className="flex items-end justify-end md:min-w-[16rem]">
+          <div className="flex items-end justify-end lg:min-w-[16rem]">
             {showGasDropdownAndConnectWallet && (
               <Suspense>
                 <DynamicWrappedConnectWalletButton