diff --git a/src/components/Header/MobileHeader.tsx b/src/components/Header/MobileHeader.tsx
index 00f72ad..612fc80 100644
--- a/src/components/Header/MobileHeader.tsx
+++ b/src/components/Header/MobileHeader.tsx
@@ -47,6 +47,11 @@ const MobileHeader: React.FC<PropsWithChildren> = ({ children }) => {
       icon: null,
       legacyBehavior: true,
     },
+    {
+      title: translate({ id: 'header.docs' }),
+      href: '/docs/dimensions-define',
+      icon: null,
+    },
     {
       title: translate({ id: 'header.projects' }),
       href: '/explore',
@@ -54,9 +59,10 @@ const MobileHeader: React.FC<PropsWithChildren> = ({ children }) => {
       legacyBehavior: true,
     },
     {
-      title: translate({ id: 'header.Docs' }),
-      href: '/docs/dimensions-define',
+      title: translate({ id: 'header.lab' }),
+      href: '/lab',
       icon: null,
+      legacyBehavior: true,
     },
     {
       title: translate({ id: 'header.community' }),
@@ -68,12 +74,7 @@ const MobileHeader: React.FC<PropsWithChildren> = ({ children }) => {
       href: '/blog',
       icon: null,
     },
-    {
-      title: translate({ id: 'header.lab' }),
-      href: '/lab',
-      icon: null,
-      legacyBehavior: true,
-    },
+
     {
       title: translate({ id: 'header.about' }),
       href: '/about',
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 882f737..035e0c7 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -30,34 +30,32 @@ const Header: React.FC<{
               <Logo color="white" />
             </a>
 
-            <a
-              href="/explore"
-              className={'mx-6 px-2.5 font-medium text-white 2xl:mx-2'}
-            >
-              <Translate id={'header.projects'} />
-            </a>
-
             <Link
               href="/docs/dimensions-define"
               className={
                 'mx-6 flex-shrink-0 px-2.5 font-medium text-white 2xl:mx-2'
               }
             >
-              <Translate id={'header.Docs'} />
-            </Link>
-
-            <CommunityDropdown />
-
-            <Link href="/blog" className={'mx-6 px-2.5 font-medium text-white'}>
-              <Translate id={'header.news'} />
+              <Translate id={'header.docs'} />
             </Link>
 
+            <a
+              href="/explore"
+              className={'mx-6 px-2.5 font-medium text-white 2xl:mx-2'}
+            >
+              <Translate id={'header.projects'} />
+            </a>
             <a
               href="/lab"
               className={'mx-6 px-2.5 font-medium text-white 2xl:mx-2'}
             >
               <Translate id={'header.lab'} />
             </a>
+            <CommunityDropdown />
+
+            <Link href="/blog" className={'mx-6 px-2.5 font-medium text-white'}>
+              <Translate id={'header.news'} />
+            </Link>
 
             <a
               href="/about"