From 4c2e696b8c5855577c29c4ba1243ad072a5e6031 Mon Sep 17 00:00:00 2001
From: Cy Okeke <cokeke@bitwarden.com>
Date: Wed, 23 Jul 2025 14:57:28 +0100
Subject: [PATCH] Add the warning Icon properly

---
 .../providers/providers-layout.component.html | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html b/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html
index fd49227e28d..9ba679bbd1b 100644
--- a/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html
+++ b/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html
@@ -6,21 +6,19 @@
       [label]="'providerPortal' | i18n"
     ></bit-nav-logo>
 
-    <!-- Warning icon for suspended provider -->
-    <div *ngIf="!provider.enabled" class="tw-px-4 tw-py-2 tw-flex tw-items-center tw-text-danger">
-      <i
-        class="bwi bwi-exclamation-triangle tw-mr-2"
-        title="{{ 'providerIsDisabled' | i18n }}"
-        aria-hidden="true"
-      ></i>
-      <span class="tw-text-sm tw-font-medium">{{ "providerIsDisabled" | i18n }}</span>
-    </div>
-
     <bit-nav-item
       icon="bwi-provider"
       [text]="clientsTranslationKey$ | async | i18n"
       [route]="(isBillable | async) ? 'manage-client-organizations' : 'clients'"
-    ></bit-nav-item>
+    >
+      <i
+        *ngIf="!provider.enabled"
+        slot="end"
+        class="bwi bwi-exclamation-triangle tw-text-danger"
+        title="{{ 'providerIsDisabled' | i18n }}"
+        aria-hidden="true"
+      ></i>
+    </bit-nav-item>
     <bit-nav-group
       icon="bwi-sliders"
       [text]="'manage' | i18n"