Submit button fix

mozilla · Jun 4, 2024 · 8a36b05 · 8a36b05
1 parent f818558
commit 8a36b05
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/libs/payments/ui/src/lib/client/components/CheckoutForm.tsx b/libs/payments/ui/src/lib/client/components/CheckoutForm.tsx
@@ -160,7 +160,7 @@ export function CheckoutForm({
         className={
           formEnabled
             ? ''
-            : 'relative cursor-not-allowed focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus after:absolute after:content-[""] after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:opacity-50 after:z-10'
+            : 'cursor-not-allowed relative focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus after:absolute after:content-[""] after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:opacity-50 after:z-10'
         }
         onClick={() => setShowConsentError(true)}
       >
@@ -230,6 +230,11 @@ export function CheckoutForm({
                 aria-disabled={
                   !stripeFieldsComplete || !nonStripeFieldsComplete || loading
                 }
+                className={
+                  formEnabled
+                    ? ''
+                    : 'cursor-not-allowed relative focus:border-blue-400 focus:outline-none focus:shadow-input-blue-focus after:absolute after:content-[""] after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:opacity-50 after:z-10'
+                }
               >
                 <Image
                   src={LockImage}