From 3ca35e19dc189e75040953551b2cb5fe1b27b857 Mon Sep 17 00:00:00 2001
From: Ben Brooks <56796209+bensbits91@users.noreply.github.com>
Date: Thu, 29 Jan 2026 12:56:34 -0800
Subject: [PATCH] [PM-28613] Hardcode min-height to fix vertical squish
 (#18461)

* [pm-28613] Hardcode min-height
* [pm-28613] Hardcode icon max-height for Safari
Signed-off-by: Ben Brooks <bbrooks@bitwarden.com>
---
 .../src/autofill/content/components/cipher/cipher-icon.ts        | 1 +
 .../src/autofill/content/components/rows/cipher-item-row.ts      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/browser/src/autofill/content/components/cipher/cipher-icon.ts b/apps/browser/src/autofill/content/components/cipher/cipher-icon.ts
index 66b0d31bddf..5f9b9eb8370 100644
--- a/apps/browser/src/autofill/content/components/cipher/cipher-icon.ts
+++ b/apps/browser/src/autofill/content/components/cipher/cipher-icon.ts
@@ -27,4 +27,5 @@ export function CipherIcon({ color, size, theme, uri }: CipherIconProps) {
 const cipherIconStyle = ({ width }: { width: string }) => css`
   width: ${width};
   height: fit-content;
+  max-height: 24px; /* fallback for Safari */
 `;
diff --git a/apps/browser/src/autofill/content/components/rows/cipher-item-row.ts b/apps/browser/src/autofill/content/components/rows/cipher-item-row.ts
index 0600fc9ac4b..9fcf5c95656 100644
--- a/apps/browser/src/autofill/content/components/rows/cipher-item-row.ts
+++ b/apps/browser/src/autofill/content/components/rows/cipher-item-row.ts
@@ -51,6 +51,7 @@ const cipherItemRowStyles = ({ theme }: { theme: Theme }) => css`
   background-color: ${themes[theme].background.DEFAULT};
   padding: ${spacing["2"]} ${spacing["3"]};
   min-height: min-content;
+  min-height: 36px; /* fallback for Firefox, which doesn't support min-height: min-content on flex items */
   max-height: 52px;
   overflow-x: hidden;
   white-space: nowrap;