upd

client/src/components/complexPage/ComplexTopPanel.tsx

@@ -40,7 +40,7 @@ const ComplexTopPanel = () => {
     if (isSidebar) {
       setIsSidebar(false);
     } else {
-      navigate(-1);
+      navigate("/");
     }
   };
 
@@ -61,13 +61,13 @@ const ComplexTopPanel = () => {
 
   return (
     <>
-      <div className="absolute top-0 w-screen z-20 select-none pointer-events-none">
+      <div className="absolute top-0 z-20 w-screen pointer-events-none select-none">
         <img src="../images/top_shadow.png" className="w-screen" alt="" />
       </div>
       <div
         className={`absolute top-[62px] left-0 z-20 w-full p-4 grid grid-cols-12 select-none touch-none pointer-events-none`}
       >
-        <div className="flex gap-2 sm:col-span-5 col-span-7">
+        <div className="flex col-span-7 gap-2 sm:col-span-5">
           <Button
             icon={<LeftArrowSliderIcon />}
             buttonType="cta"
@@ -81,7 +81,7 @@ const ComplexTopPanel = () => {
             onClick={handleOnFiltersClick}
           /> */}
           <Button
-            className="lg:hidden flex"
+            className="flex lg:hidden"
             icon={<FilterIcon />}
             buttonType="primary"
             text="Filters"
@@ -94,7 +94,7 @@ const ComplexTopPanel = () => {
             onClick={handleOnAboutComplexClick}
           />
         </div>
-        <div className="flex flex-col sm:col-start-6 col-start-8 sm:col-span-4 col-span-4 text-white text-center items-start ">
+        <div className="flex flex-col items-start col-span-4 col-start-8 text-center text-white sm:col-start-6 sm:col-span-4 ">
           <div
             className={`text-center duration-300 ease-in-out transition-opacity hidden sm:block ${
               isSidebar ? "opacity-0" : "opacity-100"
@@ -108,7 +108,7 @@ const ComplexTopPanel = () => {
             </p> */}
           </div>
         </div>
-        {/* <div className="flex gap-2 col-span-1 col-start-12 justify-end">
+        {/* <div className="flex justify-end col-span-1 col-start-12 gap-2">
           {isFullscreen ? (
             <Button
               buttonType="fab"

client/src/pages/AboutProjectsPage.tsx

@@ -13,7 +13,7 @@ function AboutProjectsPage() {
   const navigate = useNavigate();
 
   return (
-    <div className="mt-[58px] sm:py-16 py-10 sm:space-y-[100px] space-y-20 select-none">
+    <div className="mt-[58px] sm:py-16 py-10 sm:space-y-[100px] space-y-20 select-none overflow-x-hidden">
       <div className="px-4 space-y-16 lg:px-6">
         <div className="space-y-4 lg:space-y-6 sm:space-y-5">
           <Button2

client/src/pages/ComplexWingPage.tsx

@@ -258,11 +258,14 @@ function ComplexWingPage() {
 
       <div className="absolute top-0 left-0 z-10 w-full">
         <div className="p-4 mt-14">
-          <div className="flex gap-2 max-sm:justify-between">
+          <div className="flex items-center gap-2 max-sm:justify-between">
             <Button3
+              size="small"
               icon={<ArrowLeftIcon />}
               onlyIcon
-              onClick={() => navigate("..")}
+              onClick={() =>
+                isMobile ? navigate("/") : navigate("/masterplan/1")
+              }
             />
             <Button3
               variant="secondary"