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;