From 943731fed86d67c15e9f5628d201e324ac64cbce Mon Sep 17 00:00:00 2001
From: Charles Bochet <charles@twenty.com>
Date: Fri, 20 Oct 2023 00:04:51 +0200
Subject: [PATCH] Fix visual regressions

---
 front/src/modules/ui/input/button/components/IconButton.tsx   | 4 ++--
 front/src/modules/ui/navigation/navbar/components/NavItem.tsx | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/ui/input/button/components/IconButton.tsx b/front/src/modules/ui/input/button/components/IconButton.tsx
index 66560d4e9..3e44e2ef0 100644
--- a/front/src/modules/ui/input/button/components/IconButton.tsx
+++ b/front/src/modules/ui/input/button/components/IconButton.tsx
@@ -196,10 +196,10 @@ const StyledButton = styled.button<
             `;
           case 'danger':
             return `
-              background: 'transparent';
+              background: transparent;
               border-color: ${
                 variant === 'secondary'
-                  ? !disabled && theme.color.red20
+                  ? theme.border.color.danger
                   : focus
                   ? theme.color.red
                   : 'transparent'
diff --git a/front/src/modules/ui/navigation/navbar/components/NavItem.tsx b/front/src/modules/ui/navigation/navbar/components/NavItem.tsx
index c5cfbc143..8cb895700 100644
--- a/front/src/modules/ui/navigation/navbar/components/NavItem.tsx
+++ b/front/src/modules/ui/navigation/navbar/components/NavItem.tsx
@@ -52,6 +52,7 @@ const StyledItem = styled.div<StyledItemProps>`
   margin-bottom: calc(${({ theme }) => theme.spacing(1)} / 2);
   padding-bottom: ${({ theme }) => theme.spacing(1)};
   padding-left: ${({ theme }) => theme.spacing(1)};
+  padding-right: ${({ theme }) => theme.spacing(1)};
   padding-top: ${({ theme }) => theme.spacing(1)};
   pointer-events: ${(props) => (props.soon ? 'none' : 'auto')};
   :hover {