From cf2bf5dfaf3aed03427f4c3af0df7cd1b3d29322 Mon Sep 17 00:00:00 2001
From: Rebecca Hsieh <rebecca.hsieh@truss.works>
Date: Thu, 28 Mar 2024 16:00:24 -0700
Subject: [PATCH] Update production alert to use standard emergency site alert

---
 .../templates/includes/non-production-alert.html     | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/registrar/templates/includes/non-production-alert.html b/src/registrar/templates/includes/non-production-alert.html
index 8e40892bc..aa8d3f8bb 100644
--- a/src/registrar/templates/includes/non-production-alert.html
+++ b/src/registrar/templates/includes/non-production-alert.html
@@ -1,5 +1,9 @@
-<div class="usa-alert usa-alert--emergency margin-y-0 {% if add_class %}{{ add_class }}{% endif %}">
-    <div class="usa-alert__body {% if add_body_class %}{{ add_body_class }}{% endif %}">
-        <b>Attention:</b> You are on a test site.
+<div class="usa-site-alert--emergency margin-y-0 {% if add_class %}{{ add_class }}{% endif %}"
+  aria-label="Site alert"
+>
+    <div class="usa-alert">
+        <div class="usa-alert__body {% if add_body_class %}{{ add_body_class }}{% endif %}">
+            <b>Attention:</b> You are on a test site.
+        </div>
     </div>
-</div>
+</div>
\ No newline at end of file