From 18846885cddb922044f7e363c2a62c062729612a Mon Sep 17 00:00:00 2001
From: brendanlaschke <brendan.laschke@googlemail.com>
Date: Fri, 17 Nov 2023 22:35:07 +0100
Subject: [PATCH] Icon picker gap & hover color (#2522)

- icon picker gap & hover color
---
 front/src/modules/ui/input/components/IconPicker.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/front/src/modules/ui/input/components/IconPicker.tsx b/front/src/modules/ui/input/components/IconPicker.tsx
index fadb2acc9..0f11065e5 100644
--- a/front/src/modules/ui/input/components/IconPicker.tsx
+++ b/front/src/modules/ui/input/components/IconPicker.tsx
@@ -31,11 +31,12 @@ const StyledMenuIconItemsContainer = styled.div`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  gap: ${({ theme }) => theme.spacing(0.5)};
 `;
 
 const StyledLightIconButton = styled(LightIconButton)<{ isSelected?: boolean }>`
   background: ${({ theme, isSelected }) =>
-    isSelected ? theme.background.transparent.light : 'transparent'};
+    isSelected ? theme.background.transparent.medium : 'transparent'};
 `;
 
 const convertIconKeyToLabel = (iconKey: string) =>
@@ -84,9 +85,9 @@ export const IconPicker = ({
             variant={variant}
           />
         }
-        dropdownMenuWidth={168}
+        dropdownMenuWidth={176}
         dropdownComponents={
-          <DropdownMenu width={168}>
+          <DropdownMenu width={176}>
             <DropdownMenuSearchInput
               placeholder="Search icon"
               autoFocus