diff --git a/front/src/modules/ui/input/button/components/Button.tsx b/front/src/modules/ui/input/button/components/Button.tsx
index decd9d7f4..1eddaba13 100644
--- a/front/src/modules/ui/input/button/components/Button.tsx
+++ b/front/src/modules/ui/input/button/components/Button.tsx
@@ -208,7 +208,7 @@ const StyledButton = styled.button<
                 variant === 'secondary'
                   ? focus
                     ? theme.color.red
-                    : theme.color.red20
+                    : theme.border.color.danger
                   : focus
                   ? theme.color.red
                   : 'transparent'
diff --git a/front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx b/front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx
index c96fcc69c..27c52e33f 100644
--- a/front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx
+++ b/front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx
@@ -43,7 +43,7 @@ const StyledCenteredTitle = styled.div`
 `;
 
 export const StyledConfirmationButton = styled(StyledCenteredButton)`
-  border-color: ${({ theme }) => theme.color.red20};
+  border-color: ${({ theme }) => theme.border.color.danger};
   box-shadow: none;
   color: ${({ theme }) => theme.color.red};
   font-size: ${({ theme }) => theme.font.size.md};