From d4ac9e849687b1a0d1a4094f3d4f15dbfc0250f6 Mon Sep 17 00:00:00 2001
From: MaryWylde <marykhachatryan13@gmail.com>
Date: Mon, 22 Dec 2025 16:54:05 +0400
Subject: [PATCH] chore: fix hidding toolheader on mobile

---
 src/components/ToolHeader/ToolHeader.module.scss |  9 ++++-----
 src/components/ToolHeader/ToolHeader.tsx         | 14 ++++++--------
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/components/ToolHeader/ToolHeader.module.scss b/src/components/ToolHeader/ToolHeader.module.scss
index 2b12d19..ef2c031 100644
--- a/src/components/ToolHeader/ToolHeader.module.scss
+++ b/src/components/ToolHeader/ToolHeader.module.scss
@@ -293,7 +293,7 @@ $headerHeight: 46px;
 
   .headerTooltipUxCore {
     background-color: #77a34b;
-    margin-left: 218px;
+    margin-left: 210px;
     animation-iteration-count: infinite;
     animation-name: bounce, pulsate;
     animation-duration: 2s, 1.5s;
@@ -368,10 +368,6 @@ $headerHeight: 46px;
   }
 }
 
-.Hidden {
-  display: none;
-}
-
 @media (max-width: 1330px) {
   .ToolHeader {
     .UsefulLinksWrapper {
@@ -441,6 +437,9 @@ $headerHeight: 46px;
       }
     }
   }
+  .Hidden {
+    display: none;
+  }
 }
 
 @media (max-width: 920px) {
diff --git a/src/components/ToolHeader/ToolHeader.tsx b/src/components/ToolHeader/ToolHeader.tsx
index 4fa10a7..0788f9f 100644
--- a/src/components/ToolHeader/ToolHeader.tsx
+++ b/src/components/ToolHeader/ToolHeader.tsx
@@ -100,7 +100,7 @@ const ToolHeader: FC<TToolHeader> = ({
   const [changedTitle, setChangedTitle] = useState(false);
   const [activePage, setActivePage] = useState<
     'uxcore' | 'uxcg' | 'uxcp' | 'uxcat'
-  >('uxcore');
+  >(null);
 
   const {
     ourProjects,
@@ -260,14 +260,12 @@ const ToolHeader: FC<TToolHeader> = ({
         {!disablePageSwitcher && (
           <div className={styles.PageSwitcherContainer}>
             <PageSwitcher page={activePage} />
-            <span className={styles.PageSwitcherItem}>
+            <span
+              className={styles.PageSwitcherItem}
+              onClick={() => setOpenOurProjects(true)}
+            >
               <DiamondIcon />
-              <span
-                className={styles.Description}
-                onClick={() => setOpenOurProjects(true)}
-              >
-                {ourProjects}
-              </span>
+              <span className={styles.Description}>{ourProjects}</span>
             </span>
           </div>
         )}