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", });