diff --git a/browser/components/aboutlogins/content/components/login-item.css b/browser/components/aboutlogins/content/components/login-item.css
index 499ce0a8ff4a..7d54e0227d48 100644
--- a/browser/components/aboutlogins/content/components/login-item.css
+++ b/browser/components/aboutlogins/content/components/login-item.css
@@ -114,7 +114,7 @@ input[type="url"][readOnly]:hover:active {
 .detail-row-contents {
   display: flex;
   align-items: end;
-  flex-basis: calc(100% - 360px); /* Adds a 360px flexible spacer to the right */
+  flex-basis: 340px; /* Allows for 360px of flex on the end (700px (the default 100% width) - 340px) */
   max-width: 100%;
 }