From 14511d86139e01eb55d866b79804bcfbe0adca25 Mon Sep 17 00:00:00 2001
From: Stefan Melmuk <509385+stefan0xC@users.noreply.github.com>
Date: Thu, 7 Aug 2025 18:09:29 +0200
Subject: [PATCH] use providers-2fa classes instead of positioning to hide
 authentication providers

---
 Customize-Vaultwarden-CSS.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/Customize-Vaultwarden-CSS.md b/Customize-Vaultwarden-CSS.md
index b34e8c2..fb57953 100644
--- a/Customize-Vaultwarden-CSS.md
+++ b/Customize-Vaultwarden-CSS.md
@@ -30,30 +30,30 @@ There are two files you can place here:
 
 **Some examples which you can place inside `user.vaultwarden.scss.hbs`:**
 ```css
-/* Hide `Authenticator app` 2FA (First item of the list) */
-app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(1) {
+/* Hide `Authenticator app` 2FA */
+.providers-2fa-0 {
   @extend %vw-hide;
 }
 
-/* Hide `YubiKey OTP security key` 2FA (Second item of the list) */
+/* Hide `YubiKey OTP security key` 2FA */
 /* Note: This will also be hidden automatically if the Yubikey config is net set */
-app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(2) {
+.providers-2fa-3 {
   @extend %vw-hide;
 }
 
-/* Hide `Duo` 2FA (Third item of the list) */
-app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(3) {
+/* Hide `Duo` 2FA */
+.providers-2fa-2 {
   @extend %vw-hide;
 }
 
-/* Hide `FIDO2 WebAuthn` 2FA (Fourth item of the list) */
-app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(4) {
+/* Hide `FIDO2 WebAuthn` 2FA */
+.providers-2fa-7 {
   @extend %vw-hide;
 }
 
-/* Hide `Email` 2FA (Fifth item of the list) */
+/* Hide `Email` 2FA */
 /* Note: This will also be hidden automatically if email is not enabled */
-app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(5) {
+.providers-2fa-1 {
   @extend %vw-hide;
 }