From 13ea8e273d79ea7d52f8ed01ad1576e65fc1beab Mon Sep 17 00:00:00 2001
From: Saurabh Bhagwan Sathe <saurabh.bhagwan@navi.com>
Date: Mon, 12 Feb 2024 14:31:41 +0530
Subject: [PATCH] INFRA-2836 | Saurabh | Added classes for styles

---
 src/components/SevMemberDetails/Members.module.scss | 9 +++++++++
 src/components/SevMemberDetails/index.tsx           | 9 ++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/SevMemberDetails/Members.module.scss b/src/components/SevMemberDetails/Members.module.scss
index 7168bd7..802e6df 100644
--- a/src/components/SevMemberDetails/Members.module.scss
+++ b/src/components/SevMemberDetails/Members.module.scss
@@ -11,3 +11,12 @@
   align-items: center;
   gap: 4px;
 }
+
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.modal-footer-delete-button {
+  background-color: #e92c2c !important;
+}
diff --git a/src/components/SevMemberDetails/index.tsx b/src/components/SevMemberDetails/index.tsx
index 543986b..c54f55a 100644
--- a/src/components/SevMemberDetails/index.tsx
+++ b/src/components/SevMemberDetails/index.tsx
@@ -64,12 +64,7 @@ const MembersDetails = ({ handleRemoveSevMember }) => {
                       onClose={() => setOpenedParticipantId(null)}
                       header="Are you sure you want to remove this member? "
                       customFooter={
-                        <div
-                          style={{
-                            display: 'flex',
-                            justifyContent: 'flex-end',
-                          }}
-                        >
+                        <div className={styles['modal-footer']}>
                           <Button
                             onClick={e => {
                               onClickModalHandler(
@@ -78,7 +73,7 @@ const MembersDetails = ({ handleRemoveSevMember }) => {
                                 participant.email,
                               );
                             }}
-                            style={{ backgroundColor: '#E92C2C' }}
+                            className={styles['modal-footer-delete-button']}
                           >
                             Remove member
                           </Button>