diff --git a/src/screens/OrganizationEvents/OrganizationEvents.tsx b/src/screens/OrganizationEvents/OrganizationEvents.tsx
index 3c8802b6b7..302e1d590b 100644
--- a/src/screens/OrganizationEvents/OrganizationEvents.tsx
+++ b/src/screens/OrganizationEvents/OrganizationEvents.tsx
@@ -287,7 +287,7 @@ function organizationEvents(): JSX.Element {
           <Button
             variant="danger"
             onClick={hideCreateEventModal}
-            className={styles.closeButton}
+            className={styles.closeButtonOrganizationEvents}
             data-testid="createEventModalCloseBtn"
           >
             <i className="fa fa-times"></i>
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 4f0da0b709..884a2d15e3 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -885,14 +885,14 @@ hr {
   width: 65%;
 }
 
-.closeButton {
+.closeButtonOrganizationEvents {
   color: var(--delete-button-color);
   margin-right: 5px;
   background-color: var(--delete-button-bg);
   border: white;
 }
 
-.closeButton:hover {
+.closeButtonOrganizationEvents:hover {
   color: var(--delete-button-bg) !important;
   background-color: var(--delete-button-color) !important;
   border: white;