From 4029441cea85225c6710951a69be49936f058979 Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Sun, 23 Nov 2025 17:09:44 +0100
Subject: [PATCH] fix: tiny details in styling

---
 .../src/components/FormulaBar/FormulaBarMenu.tsx         | 9 +++++----
 webapp/IronCalc/src/components/Workbook/Workbook.tsx     | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
index 89f6b0a..5389dd8 100644
--- a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
+++ b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
@@ -112,6 +112,7 @@ const FormulaBarMenu = (properties: FormulaBarMenuProps) => {
 const StyledMenu = styled(Menu)`
   top: 4px;
   min-width: 260px;
+  max-width: 460px;
   & .MuiPaper-root {
     border-radius: 8px;
     padding: 4px 0px;
@@ -151,21 +152,21 @@ const MenuDivider = styled("div")`
   margin: auto;
   margin-top: 4px;
   margin-bottom: 4px;
-  border-top: 1px solid #eeeeee;
+  border-top: 1px solid ${theme.palette.grey[200]};
 `;
 
 const MenuItemText = styled("div")`
   flex: 1;
   min-width: 0;
-  color: #000;
+  color: ${theme.palette.common.black};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
 
 const MenuItemExample = styled("div")`
-  color: #bdbdbd;
-  margin-left: 20px;
+  color: ${theme.palette.grey[400]};
+  margin-left: 12px;
 `;
 
 export default FormulaBarMenu;
diff --git a/webapp/IronCalc/src/components/Workbook/Workbook.tsx b/webapp/IronCalc/src/components/Workbook/Workbook.tsx
index ddbbb27..7e023f7 100644
--- a/webapp/IronCalc/src/components/Workbook/Workbook.tsx
+++ b/webapp/IronCalc/src/components/Workbook/Workbook.tsx
@@ -765,7 +765,7 @@ const WorksheetAreaLeft = styled("div")<WorksheetAreaLeftProps>(
     position: "absolute",
     top: `${TOOLBAR_HEIGHT + 1}px`,
     width: `calc(100% - ${$drawerWidth}px)`,
-    height: `calc(100% - ${TOOLBAR_HEIGHT + 1}px)`,
+    height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
   }),
 );