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` 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 {