From 275aa8d29454d0f41afff4f08eb386605aeaa8a2 Mon Sep 17 00:00:00 2001
From: Timshel <Timshel@users.noreply.github.com>
Date: Tue, 21 Jan 2025 21:09:46 +0100
Subject: [PATCH] Add css class to 2FA providers

---
 .../auth/settings/two-factor/two-factor-setup.component.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/auth/settings/two-factor/two-factor-setup.component.html b/apps/web/src/app/auth/settings/two-factor/two-factor-setup.component.html
index b7cd6954fd..a28917c96d 100644
--- a/apps/web/src/app/auth/settings/two-factor/two-factor-setup.component.html
+++ b/apps/web/src/app/auth/settings/two-factor/two-factor-setup.component.html
@@ -46,7 +46,10 @@ <h2 [ngClass]="{ 'mt-5': !organizationId }">
     {{ "twoStepLoginPolicyUserWarning" | i18n }}
   </bit-callout>
   <ul class="list-group list-group-2fa">
-    <li *ngFor="let p of providers" class="list-group-item d-flex align-items-center">
+    <li
+      *ngFor="let p of providers"
+      class="list-group-item d-flex align-items-center providers-2fa-{{ p.type }}"
+    >
       <div class="logo-2fa d-flex justify-content-center">
         <auth-two-factor-icon [provider]="p.type" [name]="p.name" />
       </div>