From 386bcaeabd25752a0c7acfa43f6d2e33d0d6f574 Mon Sep 17 00:00:00 2001
From: Jonathan Prusik <jprusik@users.noreply.github.com>
Date: Thu, 3 Oct 2024 13:28:47 -0400
Subject: [PATCH] fix fido2 cipher row component subname not having proper
 layout/styling (#11389)

---
 .../autofill/popup/fido2/fido2-cipher-row.component.html    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/autofill/popup/fido2/fido2-cipher-row.component.html b/apps/browser/src/autofill/popup/fido2/fido2-cipher-row.component.html
index 0328a91bff..8b2504696d 100644
--- a/apps/browser/src/autofill/popup/fido2/fido2-cipher-row.component.html
+++ b/apps/browser/src/autofill/popup/fido2/fido2-cipher-row.component.html
@@ -15,7 +15,9 @@
         class="bwi bwi-collection text-muted"
       ></i>
     </span>
-    <span class="detail" *ngIf="getSubName(cipher)">{{ getSubName(cipher) }}</span>
-    <span *ngIf="cipher.subTitle" slot="secondary">{{ cipher.subTitle }}</span>
+    <ng-container slot="secondary">
+      <div *ngIf="getSubName(cipher)">{{ getSubName(cipher) }}</div>
+      <div *ngIf="cipher.subTitle">{{ cipher.subTitle }}</div>
+    </ng-container>
   </button>
 </bit-item>