From 375d56dc1205f6b71e8b8dfeb0b21080a271bc4e Mon Sep 17 00:00:00 2001
From: Victor Fernandez de Alba <sneridagh@gmail.com>
Date: Mon, 25 Mar 2024 09:51:42 +0100
Subject: [PATCH 1/2] Fix tabbing in header

---
 .../src/components/Header/Header.jsx          | 24 +++++++++----------
 .../volto-light-theme/src/theme/_header.scss  |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/volto-light-theme/src/components/Header/Header.jsx b/packages/volto-light-theme/src/components/Header/Header.jsx
index 7b66241b..83b96e0e 100644
--- a/packages/volto-light-theme/src/components/Header/Header.jsx
+++ b/packages/volto-light-theme/src/components/Header/Header.jsx
@@ -28,18 +28,6 @@ const InternetHeader = ({ pathname, siteLabel, token, siteAction }) => {
   return (
     <>
       <div className="header">
-        <div className="logo-nav-wrapper">
-          <div className="logo">
-            <Logo />
-          </div>
-          <Navigation pathname={pathname} />
-          <MobileNavigation pathname={pathname} />
-          <div className="search-wrapper navigation-desktop">
-            <div className="search">
-              <SearchWidget />
-            </div>
-          </div>
-        </div>
         <div className="tools-wrapper">
           <LanguageSelector />
 
@@ -58,6 +46,18 @@ const InternetHeader = ({ pathname, siteLabel, token, siteAction }) => {
             </div>
           )}
         </div>
+        <div className="logo-nav-wrapper">
+          <div className="logo">
+            <Logo />
+          </div>
+          <Navigation pathname={pathname} />
+          <MobileNavigation pathname={pathname} />
+          <div className="search-wrapper navigation-desktop">
+            <div className="search">
+              <SearchWidget />
+            </div>
+          </div>
+        </div>
       </div>
     </>
   );
diff --git a/packages/volto-light-theme/src/theme/_header.scss b/packages/volto-light-theme/src/theme/_header.scss
index 9e982857..a4fa302d 100644
--- a/packages/volto-light-theme/src/theme/_header.scss
+++ b/packages/volto-light-theme/src/theme/_header.scss
@@ -1,6 +1,6 @@
 .header-wrapper .header {
   display: flex;
-  flex-direction: column-reverse;
+  flex-direction: column;
 
   .logo-nav-wrapper {
     display: flex;

From d19919155f2ef1bc1c7569850f47d914205a9e43 Mon Sep 17 00:00:00 2001
From: Victor Fernandez de Alba <sneridagh@gmail.com>
Date: Mon, 25 Mar 2024 09:57:17 +0100
Subject: [PATCH 2/2] docs

---
 packages/volto-light-theme/news/374.breaking | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 packages/volto-light-theme/news/374.breaking

diff --git a/packages/volto-light-theme/news/374.breaking b/packages/volto-light-theme/news/374.breaking
new file mode 100644
index 00000000..173e7e67
--- /dev/null
+++ b/packages/volto-light-theme/news/374.breaking
@@ -0,0 +1 @@
+Fix tabbing order in the top header. It modifies the underlying HTML to move the top header to the bottom, and modifies CSS to adjust. @iRohitSingh @sneridagh