From de68015ced1e81dbc1ae4cfe3afe60c594d8e6bd Mon Sep 17 00:00:00 2001
From: Severin Beauvais <severin.beauvais@gov.bc.ca>
Date: Thu, 29 Jan 2026 12:49:37 -0800
Subject: [PATCH 1/2] - app version = 5.8.9 - updated banner styling

---
 app/package.json |  2 +-
 app/src/App.vue  | 43 ++++++++++++++++++++++++++++++-------------
 2 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/app/package.json b/app/package.json
index d9bc99163..c38362d02 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "name-request",
-  "version": "5.8.8",
+  "version": "5.8.9",
   "private": true,
   "appName": "Name Request UI",
   "sbcName": "SBC Common Components",
diff --git a/app/src/App.vue b/app/src/App.vue
index 8ea312d04..55d7195f1 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -46,12 +46,24 @@
       <!-- Alert banner -->
       <v-alert
         v-if="bannerText"
+        id="alert-banner"
+        class="pa-0 ma-0"
         tile
-        dense
-        type="warning"
-        class="mb-0 text-center colour-dk-text"
-        v-html="bannerText"
-      />
+      >
+        <div class="container d-flex align-center py-3">
+          <v-icon
+            class="colour-dk-text"
+            size="28px"
+          >
+            mdi-information
+          </v-icon>
+
+          <span
+            class="colour-dk-text dark-gray-links font-size-14 pl-2"
+            v-html="bannerText"
+          />
+        </div>
+      </v-alert>
 
       <!-- Breadcrumb -->
       <Breadcrumb
@@ -391,6 +403,19 @@ export default class App extends Mixins(
   }
 }
 
+#alert-banner {
+  background-color: $BCgovGold5;
+  border-color: $BCgovGold5;
+
+  .container {
+    max-width: 1360px; // should match auth-web, etc
+  }
+
+  .dark-gray-links a {
+    color: $gray9 !important;
+  }
+}
+
 .namerequest-sbc-breadcrumb {
   .v-btn {
     width: 28px;
@@ -422,12 +447,4 @@ export default class App extends Mixins(
     padding-left: 1rem;
   }
 }
-
-#main-column .v-alert__wrapper {
-  color: $dk-text;
-  i {
-    color: $dk-text;
-  }
-}
-
 </style>

From 38a7e2e927f062612f38bac9b85d97cc23cdd6db Mon Sep 17 00:00:00 2001
From: Severin Beauvais <severin.beauvais@gov.bc.ca>
Date: Thu, 29 Jan 2026 13:02:11 -0800
Subject: [PATCH 2/2] - changed span to div

---
 app/src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/App.vue b/app/src/App.vue
index 55d7195f1..73ffbc930 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -58,7 +58,7 @@
             mdi-information
           </v-icon>
 
-          <span
+          <div
             class="colour-dk-text dark-gray-links font-size-14 pl-2"
             v-html="bannerText"
           />