diff --git a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
index 5b0ca86..89f6b0a 100644
--- a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
+++ b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
@@ -155,11 +155,12 @@ const MenuDivider = styled("div")`
`;
const MenuItemText = styled("div")`
- width: 100%;
+ flex: 1;
+ min-width: 0;
color: #000;
- display: flex;
- align-items: center;
+ overflow: hidden;
text-overflow: ellipsis;
+ white-space: nowrap;
`;
const MenuItemExample = styled("div")`
diff --git a/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx b/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx
index 97fca02..915d429 100644
--- a/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx
+++ b/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx
@@ -398,6 +398,7 @@ const ListItem = styled("div")<{ $isSelected: boolean }>(({ $isSelected }) => ({
display: "flex",
alignItems: "flex-start",
justifyContent: "space-between",
+ gap: "8px",
padding: "8px 12px",
cursor: "pointer",
minHeight: "40px",
@@ -439,6 +440,8 @@ const NameText = styled("span")({
fontSize: "12px",
color: theme.palette.common.black,
fontWeight: 600,
+ wordBreak: "break-all",
+ overflowWrap: "break-word",
});
const IconsWrapper = styled("div")({
diff --git a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
index 58c8263..0cffa11 100644
--- a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
+++ b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
@@ -33,7 +33,6 @@ import {
Redo2,
RemoveFormatting,
Strikethrough,
- Tags,
Type,
Underline,
Undo2,
@@ -87,7 +86,6 @@ type ToolbarProperties = {
numFmt: string;
showGridLines: boolean;
onToggleShowGridLines: (show: boolean) => void;
- openDrawer: () => void;
};
function Toolbar(properties: ToolbarProperties) {
@@ -514,18 +512,6 @@ function Toolbar(properties: ToolbarProperties) {
{properties.showGridLines ? : }
-
- {
- properties.openDrawer();
- }}
- disabled={!canEdit}
- >
-
-
-
{
model.setShowGridLines(sheet, show);
setRedrawId((id) => id + 1);
}}
- openDrawer={() => {
- setDrawerOpen(true);
- }}
/>