From 813b43595b6e335e267c9f13685edde9cf24d988 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 2 Aug 2026 19:31:53 +0100
Subject: [PATCH] Update DashboardNavigation to include a vertical divider
 between logos

- Added a vertical Divider component between the FarmControlLogoSmall and the next logo for improved visual separation.
- Adjusted the right margin of the FarmControlLogoSmall to enhance layout consistency.
---
 .../Dashboard/common/DashboardNavigation.jsx  | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/Dashboard/common/DashboardNavigation.jsx b/src/components/Dashboard/common/DashboardNavigation.jsx
index 2965b9d..eb3890a 100644
--- a/src/components/Dashboard/common/DashboardNavigation.jsx
+++ b/src/components/Dashboard/common/DashboardNavigation.jsx
@@ -151,14 +151,20 @@ const DashboardNavigation = () => {
     <Flex style={{ width: '100%' }} align='center'>
       {isMacOSApp ? <DashboardWindowButtons /> : null}
       {showAppLogo == true && (
-        <FarmControlLogoSmall
-          style={{
-            fontSize: '46px',
-            height: '16px',
-            marginLeft: '13px',
-            marginRight: '0px'
-          }}
-        />
+        <>
+          <FarmControlLogoSmall
+            style={{
+              fontSize: '46px',
+              height: '16px',
+              marginLeft: '13px',
+              marginRight: '18px'
+            }}
+          />
+          <Divider
+            type='vertical'
+            style={{ height: '14px', margin: '3px 3px 0 0' }}
+          />
+        </>
       )}
       {showDesktopLogo == true ? (
         <FarmControlLogo