From 4efbe4d79816d82c0e0e3418933885cbf6822443 Mon Sep 17 00:00:00 2001
From: Uwem Israel <iamuwem@gmail.com>
Date: Wed, 8 Nov 2023 23:47:12 +0100
Subject: [PATCH] FIX: Corrected button border color for danger button (#2409)

---
 front/src/modules/ui/input/button/components/Button.tsx         | 2 +-
 .../modules/ui/layout/modal/components/ConfirmationModal.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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};