diff --git a/src/components/SideMenu/MenuItem.tsx b/src/components/SideMenu/MenuItem.tsx
index 0c31ed46a9..489b9e3721 100644
--- a/src/components/SideMenu/MenuItem.tsx
+++ b/src/components/SideMenu/MenuItem.tsx
@@ -26,7 +26,7 @@ export class MenuItem extends React.Component<MenuItemProps> {
           <OperationMenuItemContent item={item as OperationModel} />
         ) : (
           <MenuItemLabel depth={item.depth} active={item.active}>
-            <MenuItemTitle>{item.name}</MenuItemTitle>
+            <MenuItemTitle title={item.name}>{item.name}</MenuItemTitle>
             {(item.depth > 0 &&
               item.items.length > 0 && (
                 <ShelfIcon float={'right'} direction={item.active ? 'down' : 'right'} />
diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index fa8682a877..90ccdf5dfa 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -136,4 +136,6 @@ export const MenuItemTitle = withProps<{ width?: string }>(styled.span).attrs({
   display: inline-block;
   vertical-align: middle;
   width: ${props => (props.width ? props.width : 'auto')};
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;