From b8e559ed7744a1e9a817d526ca08bdf14ed50126 Mon Sep 17 00:00:00 2001
From: Katia Aresti <karesti@redhat.com>
Date: Thu, 17 Oct 2024 21:37:41 +0200
Subject: [PATCH] Closes 494 ? misaligned

---
 src/app/AppLayout/AppLayout.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index fcb62347..8f100c2e 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -151,16 +151,6 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
           align={{ default: 'alignRight' }}
           spacer={{ default: 'spacerNone', md: 'spacerMd' }}
         >
-          <ToolbarItem>
-            <Switch
-              id="darkThemeSwitch"
-              isChecked={theme === 'dark'}
-              onChange={toggleTheme}
-              ouiaId="DarkThemeOuiaId"
-              label={t('layout.dark-theme')}
-              className="darkThemeSwitch"
-            />
-          </ToolbarItem>
           <ToolbarItem>
             <Dropdown
               id="aboutInfoQuestionMark"
@@ -191,6 +181,16 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
               </DropdownItem>
             </Dropdown>
           </ToolbarItem>
+          <ToolbarItem>
+            <Switch
+              id="darkThemeSwitch"
+              isChecked={theme === 'dark'}
+              onChange={toggleTheme}
+              ouiaId="DarkThemeOuiaId"
+              label={t('layout.dark-theme')}
+              className="darkThemeSwitch"
+            />
+          </ToolbarItem>
         </ToolbarGroup>
         {!ConsoleServices.authentication().isNotSecured() && userActions()}
       </ToolbarContent>