From 4711e51de3e9ffd8d699cbbec3aa55ddf5992a90 Mon Sep 17 00:00:00 2001
From: Bryan Cunningham <bcunningham@bitwarden.com>
Date: Tue, 16 Sep 2025 14:41:17 -0400
Subject: [PATCH] [CL-816] Anon layout icon sizing (#16349)

* add max-width to SVG to prevent oversizing

* add max width to svg

* add comment to explain targeted svg styling
---
 libs/components/src/anon-layout/anon-layout.component.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/libs/components/src/anon-layout/anon-layout.component.html b/libs/components/src/anon-layout/anon-layout.component.html
index f22d12f5138..c66647c482d 100644
--- a/libs/components/src/anon-layout/anon-layout.component.html
+++ b/libs/components/src/anon-layout/anon-layout.component.html
@@ -14,7 +14,12 @@
   </a>
 
   <div class="tw-text-center tw-mb-4 sm:tw-mb-6 tw-mx-auto" [ngClass]="maxWidthClass">
-    <div *ngIf="!hideIcon()" class="tw-size-20 sm:tw-size-24 tw-mx-auto tw-content-center">
+    <!-- In some scenarios this icon's size is not limited by container width correctly -->
+    <!-- Targeting the SVG here to try and ensure it never grows too large in even the media queries are not working as expected -->
+    <div
+      *ngIf="!hideIcon()"
+      class="tw-size-20 sm:tw-size-24 [&_svg]:tw-w-full [&_svg]:tw-max-w-24 tw-mx-auto tw-content-center"
+    >
       <bit-icon [icon]="icon()"></bit-icon>
     </div>