diff --git a/framework/default/ortoo-core/default/lwc/modal/__tests__/modal.test.js b/framework/default/ortoo-core/default/lwc/modal/__tests__/modal.test.js
index e5c26e2a8db..a75f04e61af 100644
--- a/framework/default/ortoo-core/default/lwc/modal/__tests__/modal.test.js
+++ b/framework/default/ortoo-core/default/lwc/modal/__tests__/modal.test.js
@@ -100,7 +100,7 @@ describe('c-modal', () => {
         return Promise.resolve()
             .then( () => {
                 const clickEvent = new CustomEvent( 'click', {} );
-                return element.shadowRoot.querySelector( 'button[aria-id="cancel-cross"]' ).dispatchEvent( clickEvent );
+                return element.shadowRoot.querySelector( 'button[data-name="cancel-cross"]' ).dispatchEvent( clickEvent );
             })
             .then( () => {
                 expect( cancelHandler ).toHaveBeenCalled();
diff --git a/framework/default/ortoo-core/default/lwc/modal/modal.html b/framework/default/ortoo-core/default/lwc/modal/modal.html
index f6d9c712dbf..9a728c714b0 100644
--- a/framework/default/ortoo-core/default/lwc/modal/modal.html
+++ b/framework/default/ortoo-core/default/lwc/modal/modal.html
@@ -17,7 +17,7 @@
                             class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
                             title={labels.close}
                             onclick={handleCancel}
-                            aria-id="cancel-cross"
+                            data-name="cancel-cross"
                         >
                             <lightning-icon
                                 icon-name="utility:close"