From afd2401140dc119e28b1d3262c412380bc000e3a Mon Sep 17 00:00:00 2001
From: Yurii Zusik <66325265+yurytut1993@users.noreply.github.com>
Date: Wed, 8 Dec 2021 17:40:06 +0200
Subject: [PATCH] fix(storefront): BCTHEME-944 Tooltip on close button of modal
 is shifted (#2148)

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cb22543666..56e0381a5b 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
+- Fix tooltip on close button of modal is shifted. [#2148](https://github.com/bigcommerce/cornerstone/pull/2148)
 - Optimized usage of jsTree library. [#2145](https://github.com/bigcommerce/cornerstone/pull/2145)
 - Replace schema microdata with LD+JSON tag. [#2138](https://github.com/bigcommerce/cornerstone/pull/2138)
 - Translation Gap: Checkbox Option selection on Product. [#2063](https://github.com/bigcommerce/cornerstone/pull/2063)
diff --git a/assets/scss/components/foundation/modal/_modal.scss b/assets/scss/components/foundation/modal/_modal.scss
index c48fbc5571..1cc31a46f7 100644
--- a/assets/scss/components/foundation/modal/_modal.scss
+++ b/assets/scss/components/foundation/modal/_modal.scss
@@ -68,7 +68,8 @@
     }
 
     &::after {
-        right: calc(50% - remCalc(10px));
+        right: 50%;
+        transform: translateX(remCalc(10px));
     }
 }