From 7d79e0d2061a4f9a97e317e4fc2dbca6e64b214f Mon Sep 17 00:00:00 2001
From: Tom Butcher <tom@tombutcher.work>
Date: Sun, 9 Aug 2026 11:06:02 +0100
Subject: [PATCH] Enhance MenuButton component in WindowAppMenu

- Added a new `logo` prop to the `MenuButton` component to conditionally adjust padding and margin based on the presence of a logo.
- Updated the `MenuButton` prop types to include the new `logo` boolean, improving flexibility in rendering menu items with logos.
---
 src/components/Dashboard/common/WindowAppMenu.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Dashboard/common/WindowAppMenu.jsx b/src/components/Dashboard/common/WindowAppMenu.jsx
index 9637707..e82932c 100644
--- a/src/components/Dashboard/common/WindowAppMenu.jsx
+++ b/src/components/Dashboard/common/WindowAppMenu.jsx
@@ -49,7 +49,7 @@ const mapSidebarItemsToMenuItems = (items = [], navigate) =>
     })
     .filter(Boolean)
 
-const MenuButton = ({ label, items }) => (
+const MenuButton = ({ label, items, logo }) => (
   <Dropdown menu={{ items }} trigger={['click']} placement='bottomLeft'>
     <Button
       type='text'
@@ -57,7 +57,8 @@ const MenuButton = ({ label, items }) => (
       className='electrobun-webkit-app-region-no-drag'
       style={{
         height: '28px',
-        paddingInline: '8px',
+        paddingInline: logo ? '6px' : '8px',
+        marginRight: logo ? '1px' : '0',
         fontWeight: 500
       }}
     >
@@ -68,7 +69,8 @@ const MenuButton = ({ label, items }) => (
 
 MenuButton.propTypes = {
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-  items: PropTypes.array.isRequired
+  items: PropTypes.array.isRequired,
+  logo: PropTypes.bool
 }
 
 const WindowAppMenu = () => {
@@ -233,6 +235,7 @@ const WindowAppMenu = () => {
           return (
             <MenuButton
               key={menu.key}
+              logo={true}
               label={
                 <FarmControlLogoSmall
                   style={{