From 3d6418de1494644b6cb3c186ddbe59617191a766 Mon Sep 17 00:00:00 2001
From: eric-gade <eric.gade@gsa.gov>
Date: Thu, 29 Sep 2022 16:02:39 -0400
Subject: [PATCH] Fixing alert icon badge positioning

also updating transform so Edge can deal with it

changelog: Internal, Styling Updates, fixing icon positioning
---
 app/assets/stylesheets/components/_alert-icon.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/_alert-icon.scss b/app/assets/stylesheets/components/_alert-icon.scss
index 49f7d41275c..7c402b08728 100644
--- a/app/assets/stylesheets/components/_alert-icon.scss
+++ b/app/assets/stylesheets/components/_alert-icon.scss
@@ -7,6 +7,7 @@
 // For displaying icons as "badges"
 // at the top of modals
 .iconic-modal-badge {
+  position: relative;
   &::before {
     background-repeat: no-repeat;
     background-size: contain;
@@ -26,5 +27,5 @@
   position: absolute;
   left: 50%;
   top: 0px;
-  transform: translateX(-50%) translateY(-50%);
+  transform: translate(-50%, -50%);
 }