INFRA-2836 | Saurabh | Added classes for styles

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

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>