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>