diff --git a/browser/components/aboutlogins/content/components/login-filter.css b/browser/components/aboutlogins/content/components/login-filter.css
index ee9e5c7c3f7b..304510ddb2ab 100644
--- a/browser/components/aboutlogins/content/components/login-filter.css
+++ b/browser/components/aboutlogins/content/components/login-filter.css
@@ -11,20 +11,22 @@
   background-position: 8px center;
   background-repeat: no-repeat;
   background-size: 16px;
+  text-align: match-parent;
   width: 100%;
   margin: 0;
+  box-sizing: border-box;
   padding-block: 6px;
+}
+
+:host(:dir(ltr)) .filter {
   /* We use separate RTL rules over logical properties since we want the visual direction
      to be independent from the user input direction */
   padding-left: 32px;
-  text-align: left;
-  box-sizing: border-box;
 }
 
 :host(:dir(rtl)) .filter {
   background-position-x: right 8px;
   padding-right: 32px;
-  text-align: right;
 }
 
 .filter:focus {
diff --git a/browser/components/aboutlogins/content/components/login-item.css b/browser/components/aboutlogins/content/components/login-item.css
index 9979c3bdeb13..86239899b461 100644
--- a/browser/components/aboutlogins/content/components/login-item.css
+++ b/browser/components/aboutlogins/content/components/login-item.css
@@ -41,7 +41,7 @@ input[type="url"][readOnly] {
   background-color: transparent !important; /* override common.inc.css */
   text-overflow: ellipsis;
   overflow: hidden;
-  text-align: match-parent !important;
+  text-align: match-parent;
 }
 
 .detail-cell input:not([type="checkbox"]),