From add10ab19b25e6e35ac06f50e96c3321cbd7314d Mon Sep 17 00:00:00 2001
From: jordanarldt <jordan.arldt@bigcommerce.com>
Date: Thu, 7 Oct 2021 13:42:45 -0500
Subject: [PATCH] fix(storefront): BCTHEME-904 Quick View Modal "Close" bubble
 is slightly off center

---
 CHANGELOG.md                                        | 1 +
 assets/scss/components/foundation/modal/_modal.scss | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 545a9f5b51..68438bc153 100644
--- 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
index 0bb4a9287f..e3a90a2b8c 100644
--- 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 {