From 99a5a28af9634a3b216fd7b4da8d3df79416b11d Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 20:14:27 +0100
Subject: [PATCH] Align alert banner with design

---
 .../frontend/shared/views/StudioBanner.vue      | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/shared/views/StudioBanner.vue b/contentcuration/contentcuration/frontend/shared/views/StudioBanner.vue
index bef1b213fe..30ea9c9d0e 100644
--- a/contentcuration/contentcuration/frontend/shared/views/StudioBanner.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/StudioBanner.vue
@@ -5,9 +5,13 @@
     data-testid="studio-banner"
     :style="{
       backgroundColor: error ? $themePalette.red.v_100 : '',
-      color: error ? $themeTokens.error : '',
     }"
   >
+    <KIcon
+      v-if="error"
+      class="icon"
+      icon="error"
+    />
     <slot>
       {{ text }}
     </slot>
@@ -34,7 +38,16 @@
 <style lang="scss" scoped>
 
   .banner {
-    padding: 16px;
+    display: flex;
+    gap: 16px;
+    padding: 12px 16px;
+  }
+
+  .icon {
+    position: relative;
+    top: -1px;
+    flex-shrink: 0;
+    font-size: 18px;
   }
 
 </style>