From 7bcd9789986be87cd102a77c92cee49145a347b4 Mon Sep 17 00:00:00 2001
From: Daniel Gonzalez Albo <danielglezalbo@gmail.com>
Date: Mon, 6 Oct 2025 22:30:31 +0200
Subject: [PATCH] style: tiny adjustment in dividers

---
 webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx | 7 +++----
 webapp/IronCalc/src/components/Toolbar/Toolbar.tsx       | 6 +++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx b/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx
index df1bfbb..365bf2b 100644
--- a/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx
+++ b/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx
@@ -99,10 +99,9 @@ const FormulaSymbolButton = styled(StyledButton)`
 
 const Divider = styled("div")`
   background-color: ${theme.palette.grey["300"]};
-  width: 1px;
-  height: 20px;
-  margin-left: 16px;
-  margin-right: 16px;
+  min-width: 1px;
+  height: 16px;
+  margin: 0px 16px;
 `;
 
 const FormulaContainer = styled("div")`
diff --git a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
index ad108ce..62161ef 100644
--- a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
+++ b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
@@ -593,9 +593,9 @@ const ColorLine = styled("div")<{ color: string }>(({ color }) => ({
 }));
 
 const Divider = styled("div")({
-  width: "0px",
-  height: "12px",
-  borderLeft: `1px solid ${theme.palette.grey["300"]}`,
+  minWidth: "1px",
+  height: "16px",
+  backgroundColor: theme.palette.grey["300"],
   margin: "0px 8px",
 });