From 44bc9faa4e3d548abb931545bc1e22199274327a Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Fri, 13 Feb 2026 14:28:23 -0500
Subject: [PATCH] update avatar sizes in stories

---
 .../src/platform/popup/layout/popup-layout.stories.ts        | 2 +-
 apps/web/src/app/layouts/header/web-header.stories.ts        | 2 +-
 libs/components/src/anon-layout/anon-layout.stories.ts       | 5 +----
 libs/components/src/header/header.stories.ts                 | 2 +-
 libs/components/src/item/item.stories.ts                     | 1 +
 5 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/browser/src/platform/popup/layout/popup-layout.stories.ts b/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
index 2e088b8161e..ee49e9b7b1b 100644
--- a/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
+++ b/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
@@ -130,7 +130,7 @@ class MockPopoutButtonComponent {}
   selector: "mock-current-account",
   template: `
     <button class="tw-bg-transparent tw-border-none tw-p-0 tw-me-1 tw-align-middle" type="button">
-      <bit-avatar text="Ash Ketchum" size="small"></bit-avatar>
+      <bit-avatar text="Ash Ketchum"></bit-avatar>
     </button>
   `,
   imports: [AvatarModule],
diff --git a/apps/web/src/app/layouts/header/web-header.stories.ts b/apps/web/src/app/layouts/header/web-header.stories.ts
index 3b3b28b8e45..f742aeab662 100644
--- a/apps/web/src/app/layouts/header/web-header.stories.ts
+++ b/apps/web/src/app/layouts/header/web-header.stories.ts
@@ -59,7 +59,7 @@ class MockProductSwitcherComponent {}
 // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
 @Component({
   selector: "dynamic-avatar",
-  template: `<bit-avatar [text]="name$ | async"></bit-avatar>`,
+  template: `<bit-avatar [text]="name$ | async" size="large"></bit-avatar>`,
   imports: [CommonModule, AvatarModule],
 })
 class MockDynamicAvatarComponent implements Partial<DynamicAvatarComponent> {
diff --git a/libs/components/src/anon-layout/anon-layout.stories.ts b/libs/components/src/anon-layout/anon-layout.stories.ts
index ed6df181c85..7ac33ccd401 100644
--- a/libs/components/src/anon-layout/anon-layout.stories.ts
+++ b/libs/components/src/anon-layout/anon-layout.stories.ts
@@ -80,10 +80,7 @@ export default {
         >
           @if (includeHeaderActions) {
             <div slot="header-actions" class="tw-flex tw-items-center tw-gap-2">
-              <bit-avatar
-                size="small"
-                text="Bob Loblaw"
-              ></bit-avatar>
+              <bit-avatar text="Bob Loblaw"></bit-avatar>
             </div>
           }
           <ng-container [ngSwitch]="contentLength">
diff --git a/libs/components/src/header/header.stories.ts b/libs/components/src/header/header.stories.ts
index 23c2bb2edb5..693247dd88b 100644
--- a/libs/components/src/header/header.stories.ts
+++ b/libs/components/src/header/header.stories.ts
@@ -91,7 +91,7 @@ export const KitchenSink: Story = {
               type="text"
             />
             <button type="button" bitIconButton="bwi-filter" label="Switch products"></button>
-            <bit-avatar text="Will"></bit-avatar>
+            <bit-avatar text="Will" size="large"></bit-avatar>
             <button bitButton buttonType="primary">New</button>
             <button bitButton slot="secondary">Click Me 🎉</button>
             <bit-tab-nav-bar slot="tabs">
diff --git a/libs/components/src/item/item.stories.ts b/libs/components/src/item/item.stories.ts
index 9498c163da7..672f512d143 100644
--- a/libs/components/src/item/item.stories.ts
+++ b/libs/components/src/item/item.stories.ts
@@ -113,6 +113,7 @@ export const ContentSlots: Story = {
           <bit-avatar
             slot="start"
             text="Foo"
+            siez="large"
           ></bit-avatar>
           foo&#64;bitwarden.com
           <ng-container slot="secondary">