From 745c5a0454aabfa21489a4dbc6953a04a7123da2 Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Tue, 2 Jul 2024 12:33:37 +0300
Subject: [PATCH] fix: improve menu styling (#7513)

Now quick suggestions padding is not bigger than for pages.


![image](https://github.com/Unleash/unleash/assets/964450/9708faab-67d4-4159-8af4-b203f7778f6b)
---
 .../component/commandBar/CommandPageSuggestions.tsx    | 10 +---------
 frontend/src/component/commandBar/CommandPages.tsx     |  8 +-------
 frontend/src/component/commandBar/CommandRecent.tsx    |  3 +--
 3 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/frontend/src/component/commandBar/CommandPageSuggestions.tsx b/frontend/src/component/commandBar/CommandPageSuggestions.tsx
index 8b4b47e126..1ac5e9c4be 100644
--- a/frontend/src/component/commandBar/CommandPageSuggestions.tsx
+++ b/frontend/src/component/commandBar/CommandPageSuggestions.tsx
@@ -75,15 +75,7 @@ export const CommandPageSuggestions = ({
                     }}
                     sx={listItemButtonStyle}
                 >
-                    <StyledListItemIcon
-                        sx={(theme) => ({
-                            fontSize: theme.fontSizes.smallBody,
-                            minWidth: theme.spacing(0.5),
-                            margin: theme.spacing(0, 1, 0, 0),
-                        })}
-                    >
-                        {item.icon}
-                    </StyledListItemIcon>
+                    <StyledListItemIcon>{item.icon}</StyledListItemIcon>
                     <StyledListItemText>
                         <StyledButtonTypography color='textPrimary'>
                             {item.name}
diff --git a/frontend/src/component/commandBar/CommandPages.tsx b/frontend/src/component/commandBar/CommandPages.tsx
index 6c520b099f..d1e191b7bf 100644
--- a/frontend/src/component/commandBar/CommandPages.tsx
+++ b/frontend/src/component/commandBar/CommandPages.tsx
@@ -49,13 +49,7 @@ export const CommandPages = ({
                     }}
                     sx={listItemButtonStyle}
                 >
-                    <StyledListItemIcon
-                        sx={(theme) => ({
-                            fontSize: theme.fontSizes.smallBody,
-                            minWidth: theme.spacing(0.5),
-                            margin: theme.spacing(0, 1, 0, 0),
-                        })}
-                    >
+                    <StyledListItemIcon>
                         <IconRenderer path={item.link} />
                     </StyledListItemIcon>
                     <StyledListItemText>
diff --git a/frontend/src/component/commandBar/CommandRecent.tsx b/frontend/src/component/commandBar/CommandRecent.tsx
index 178e7303f4..7961407a6c 100644
--- a/frontend/src/component/commandBar/CommandRecent.tsx
+++ b/frontend/src/component/commandBar/CommandRecent.tsx
@@ -4,7 +4,6 @@ import {
     RecentlyVisitedPathButton,
     RecentlyVisitedProjectButton,
 } from './RecentlyVisited/CommandResultGroup';
-import { List } from '@mui/material';
 import {
     useRecentlyVisited,
     type LastViewedPage,
@@ -57,7 +56,7 @@ export const CommandRecent = ({
             groupName='Quick suggestions'
             onClick={onClick}
         >
-            <List>{buttons}</List>
+            {buttons}
         </CommandResultGroup>
     );
 };