From 11cfc0f52f25593347f87332dd3c262fcba3d96b Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Thu, 13 Jul 2023 11:48:11 +0100
Subject: [PATCH] chore: move settings to bottom

---
 apps/trading/components/sidebar/sidebar.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/apps/trading/components/sidebar/sidebar.tsx b/apps/trading/components/sidebar/sidebar.tsx
index 602bbe232..0d1cee1d6 100644
--- a/apps/trading/components/sidebar/sidebar.tsx
+++ b/apps/trading/components/sidebar/sidebar.tsx
@@ -52,14 +52,7 @@ type SidebarView =
 
 export const Sidebar = () => {
   return (
-    <div className="flex flex-col gap-2 h-full" data-testid="sidebar">
-      <div className="h-12 flex justify-center items-center border-b border-default">
-        <SidebarButton
-          view={ViewType.Settings}
-          icon={VegaIconNames.COG}
-          tooltip={t('Settings')}
-        />
-      </div>
+    <div className="flex flex-col gap-2 h-full py-1" data-testid="sidebar">
       <nav className="flex flex-col items-center gap-4 p-1">
         {/* sidebar options that always show */}
         <SidebarButton
@@ -110,6 +103,11 @@ export const Sidebar = () => {
         </Routes>
       </nav>
       <nav className="mt-auto flex flex-col items-center gap-4 p-1">
+        <SidebarButton
+          view={ViewType.Settings}
+          icon={VegaIconNames.COG}
+          tooltip={t('Settings')}
+        />
         <NodeHealthContainer />
       </nav>
     </div>