fix(storefront): BCTHEME-904 Quick View Modal "Close" bubble is sligh…

…tly off center
bigcommerce · Oct 9, 2021 · add10ab · add10ab
1 parent 74b4671
commit add10ab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Fixed Quick View modal "X" button focus bubble being slightly off center [#2130](https://github.com/bigcommerce/cornerstone/pull/2130)
 
 ## 6.1.0 (09-03-2021)
 - Fixed images placeholder on hero carousel shifted on mobile when slide has content. [#2112](https://github.com/bigcommerce/cornerstone/pull/2112)

diff --git a/assets/scss/components/foundation/modal/_modal.scss b/assets/scss/components/foundation/modal/_modal.scss
@@ -61,6 +61,14 @@
     &:hover {
         color: stencilColor("icon-color-hover");
     }
+
+    &::before {
+        right: calc(50% - 0.7rem);
+    }
+
+    &::after {
+        right: calc(50% - 0.7rem);
+    }
 }
 
 .modal-body {