From 0b6286df8a5b41c598d435ade68ed2fcd1216cec Mon Sep 17 00:00:00 2001
From: Leshe4ka <kozyurov.alexey@google.com>
Date: Fri, 17 May 2024 18:16:10 +0500
Subject: [PATCH] Multilinearity

---
 frontend/src/components/Nav/Menu/styled.ts | 9 +++------
 frontend/src/components/Nav/Nav.styled.ts  | 2 --
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Nav/Menu/styled.ts b/frontend/src/components/Nav/Menu/styled.ts
index 9658e0d04..e7666089e 100644
--- a/frontend/src/components/Nav/Menu/styled.ts
+++ b/frontend/src/components/Nav/Menu/styled.ts
@@ -13,7 +13,7 @@ export const MenuItem = styled('li').attrs({ role: 'menuitem' })<{
   ({ theme, $variant, $isActive }) => css`
     font-size: 14px;
     font-weight: ${theme.menu[$isActive ? 'primary' : $variant].fontWeight};
-    height: 32px;
+    min-height: 32px;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -48,15 +48,12 @@ export const MenuItem = styled('li').attrs({ role: 'menuitem' })<{
 
 export const ContentWrapper = styled.div`
   display: flex;
-  align-items: center;
+  align-items: baseline;
   column-gap: 4px;
 `;
 
 export const Title = styled.div`
-  white-space: nowrap;
-  max-width: 110px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  width: 100%;
 `;
 
 export const StatusIconWrapper = styled.svg.attrs({
diff --git a/frontend/src/components/Nav/Nav.styled.ts b/frontend/src/components/Nav/Nav.styled.ts
index 2c6b89cb8..7d25483e7 100644
--- a/frontend/src/components/Nav/Nav.styled.ts
+++ b/frontend/src/components/Nav/Nav.styled.ts
@@ -2,8 +2,6 @@ import styled from 'styled-components';
 import { ClusterColorKey } from 'theme/theme';
 
 export const List = styled.ul.attrs({ role: 'menu' })`
-  padding: 2px 4px 6px 8px;
-
   & > & {
     padding: 0 0 0 8px;
   }