Merge pull request #1822 from BC-tymurbiedukhin/BCTHEME-211

fix(storefront): BCTHEME-211 Cross icon on close button missalignment

Author: BC-tymurbiedukhin

CHANGELOG.md

@@ -1,5 +1,7 @@
 # Changelog
 
+- Cross icon on close button missalignment. [#1822](https://github.com/bigcommerce/cornerstone/pull/1822)
+
 ## Draft
 - Face accessibility standards with social links on PDP's page. [#1809](https://github.com/bigcommerce/cornerstone/pull/1809)
 - State of search link not announced. [#1798](https://github.com/bigcommerce/cornerstone/pull/1798)

assets/scss/components/foundation/modal/_modal.scss

@@ -83,10 +83,6 @@
     }
 
     @include addFocusTooltip;
-
-    &__aria-text {
-        font-size: 0;
-    }
 }
 
 .modal-body {

templates/components/common/modal/modal-close-btn.html

@@ -3,6 +3,6 @@
         title="{{lang 'common.close'}}"
         {{additional_attr}}
 >
-    <span class="modal-close__aria-text">{{lang 'common.close'}}</span>
+    <span class="aria-description--hidden">{{lang 'common.close'}}</span>
     <span aria-hidden="true">&#215;</span>
 </button>