diff --git a/src/components/notifications/notifications.module.scss b/src/components/notifications/notifications.module.scss
index f64b8f74..02ae10b6 100644
--- a/src/components/notifications/notifications.module.scss
+++ b/src/components/notifications/notifications.module.scss
@@ -31,12 +31,12 @@
   width: 100%;
   display: flex;
   justify-content: flex-end;
-}
 
-.transactionButton {
-  display: flex;
-  gap: 4px;
-  padding: 0 !important;
+  .transactionButton {
+    display: flex;
+    gap: 4px;
+    padding: 0 !important;
+  }
 }
 
 .icon {
diff --git a/src/components/notifications/notifications.tsx b/src/components/notifications/notifications.tsx
index 792170ef..739cfd12 100644
--- a/src/components/notifications/notifications.tsx
+++ b/src/components/notifications/notifications.tsx
@@ -80,6 +80,7 @@ const BASE_OPTIONS: ToastOptions = {
   closeButton: (props) => (
     <button className={styles.closeButton} onClick={props.closeToast}>
       <CrossIcon />
+      <span className="sr-only">Close</span>
     </button>
   ),
 };