fix main menu border bag

src/components/main-menu/main-menu.tsx

@@ -84,6 +84,8 @@ const MainMenuContent = observer(() => {
 		},
 	];
 
+	const showBorder = hasScrolled && isMainMenuOpen;
+
 	return (
 		<div
 			data-open={isMainMenuOpen}
@@ -91,7 +93,7 @@ const MainMenuContent = observer(() => {
 			className="relative w-full h-full overflow-x-hidden data-[open=true]:overflow-y-auto overflow-y-hidden flex flex-col"
 		>
 			<header
-				data-scrolled={hasScrolled}
+				data-scrolled={showBorder}
 				className="data-[scrolled=true]:border-b data-[scrolled=true]:border-fill-150  sticky top-0 z-10 bg-white pt-[30px] space-y-12 flex flex-col w-full px-4 pb-4 transition-shadow"
 			>
 				<div className="relative w-full h-[32px]">