From b6265cf6e4d7bddcc629a38bda8f396ddc81fc41 Mon Sep 17 00:00:00 2001
From: jng <jng@bitwarden.com>
Date: Fri, 15 Aug 2025 11:50:10 -0400
Subject: [PATCH] update styles to match figma

---
 .../at-risk-callout/at-risk-password-callout.component.html    | 3 ++-
 libs/components/src/banner/banner.component.ts                 | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/vault/popup/components/at-risk-callout/at-risk-password-callout.component.html b/apps/browser/src/vault/popup/components/at-risk-callout/at-risk-password-callout.component.html
index 60501a828c0..f148fdb556d 100644
--- a/apps/browser/src/vault/popup/components/at-risk-callout/at-risk-password-callout.component.html
+++ b/apps/browser/src/vault/popup/components/at-risk-callout/at-risk-password-callout.component.html
@@ -12,8 +12,9 @@
 
 @if (showTasksResolvedBanner()) {
   <bit-banner
-    class="-tw-m-6 tw-flex tw-flex-col tw-pb-6 tw-pt-2"
+    class="-tw-m-5 tw-flex tw-flex-col tw-pt-2 tw-px-2 tw-mb-3"
     bannerType="info"
+    [icon]="null"
     [showClose]="true"
     (onClose)="successBannerDismissed()"
   >
diff --git a/libs/components/src/banner/banner.component.ts b/libs/components/src/banner/banner.component.ts
index a9c837fb044..c1a423e8614 100644
--- a/libs/components/src/banner/banner.component.ts
+++ b/libs/components/src/banner/banner.component.ts
@@ -31,6 +31,7 @@ const defaultIcon: Record<BannerType, string> = {
 export class BannerComponent implements OnInit {
   readonly bannerType = input<BannerType>("info");
 
+  // passing `null` will remove the icon from element from the banner
   readonly icon = model<string>();
   readonly useAlertRole = input(true);
   readonly showClose = input(true);
@@ -38,7 +39,7 @@ export class BannerComponent implements OnInit {
   @Output() onClose = new EventEmitter<void>();
 
   ngOnInit(): void {
-    if (!this.icon()) {
+    if (!this.icon() && this.icon() != null) {
       this.icon.set(defaultIcon[this.bannerType()]);
     }
   }