From e122a106a37d11cf7775e79e6364eeecc004add0 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Wed, 3 Sep 2025 11:46:35 -0700
Subject: [PATCH] Fix Donation payment card fields in RTL

---
 stylesheets/components/DonationForm.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/stylesheets/components/DonationForm.scss b/stylesheets/components/DonationForm.scss
index f3ab55f124..be39de4762 100644
--- a/stylesheets/components/DonationForm.scss
+++ b/stylesheets/components/DonationForm.scss
@@ -205,6 +205,13 @@ a.DonationFormHelpFooter__ContactSupportLink {
   border: 0.5px solid rgba(0, 0, 0, 0.16);
   box-shadow: 0 1px 1px 0 variables.$color-black-alpha-08;
   outline-offset: -2.5px;
+
+  // Payment card inputs should render LTR
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+  direction: ltr;
+  &:dir(rtl) {
+    text-align: right;
+  }
 }
 
 .DonationCardForm_Field input:focus {