From 94d9c307fda639ac8110f897c81a1d38be718569 Mon Sep 17 00:00:00 2001
From: Tymur Biedukhin <tymur.biedukhin@bigcommerce.com>
Date: Mon, 7 Sep 2020 15:09:25 +0300
Subject: [PATCH] fix(storefront): BCTHEME-211 Cross icon on close button
 missalignment

---
 CHANGELOG.md                                           | 2 ++
 assets/scss/components/foundation/modal/_modal.scss    | 4 ----
 templates/components/common/modal/modal-close-btn.html | 2 +-
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 628e9ca310..b240b6f335 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Changelog
 
+- Cross icon on close button missalignment. [#1822](https://github.com/bigcommerce/cornerstone/pull/1822)
+
 ## Draft
 - Review link in quick modal focused twice. [#1797](https://github.com/bigcommerce/cornerstone/pull/1797)
 - Fixed product image doesn't change on click when viewing a product with multiple images in IE11 [#1748](https://github.com/bigcommerce/cornerstone/pull/1748)
diff --git a/assets/scss/components/foundation/modal/_modal.scss b/assets/scss/components/foundation/modal/_modal.scss
index c2864d7f25..e17732ab0a 100644
--- a/assets/scss/components/foundation/modal/_modal.scss
+++ b/assets/scss/components/foundation/modal/_modal.scss
@@ -82,10 +82,6 @@
     }
 
     @include addFocusTooltip;
-
-    &__aria-text {
-        font-size: 0;
-    }
 }
 
 .modal-body {
diff --git a/templates/components/common/modal/modal-close-btn.html b/templates/components/common/modal/modal-close-btn.html
index dbfe128256..16e08db5d9 100644
--- a/templates/components/common/modal/modal-close-btn.html
+++ b/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>