[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

@@ -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>