Merge branch 'main' into fix/payment_data_filled_event

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [0.71.10](https://github.com/juspay/hyperswitch-web/compare/v0.71.9...v0.71.10) (2024-07-02)
+
+
+### Bug Fixes
+
+* fixed the ui disparity for more payment methods text and use saved payment methods ([#466](https://github.com/juspay/hyperswitch-web/issues/466)) ([c7ca45c](https://github.com/juspay/hyperswitch-web/commit/c7ca45cb1f97aac865e9cfa146fbf92166c1f175))
+
 ## [0.71.9](https://github.com/juspay/hyperswitch-web/compare/v0.71.8...v0.71.9) (2024-07-01)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orca-payment-page",
-  "version": "0.71.9",
+  "version": "0.71.10",
   "main": "index.js",
   "private": true,
   "dependencies": {

src/Components/SavedMethods.res

@@ -296,11 +296,10 @@ let make = (
     </RenderIf>
     <RenderIf condition={!showFields}>
       <div
-        className="Label flex flex-row gap-3 items-end cursor-pointer"
+        className="Label flex flex-row gap-3 items-end cursor-pointer mt-4"
         style={
           fontSize: "14px",
           float: "left",
-          marginTop: "14px",
           fontWeight: "500",
           width: "fit-content",
           color: themeObj.colorPrimary,

src/PaymentElement.res

@@ -391,7 +391,7 @@ let make = (~cardProps, ~expiryProps, ~cvcProps, ~paymentType: CardThemeType.mod
     <RenderIf
       condition={displaySavedPaymentMethods && savedMethods->Array.length > 0 && showFields}>
       <div
-        className="Label flex flex-row gap-3 items-end cursor-pointer my-4"
+        className="Label flex flex-row gap-3 items-end cursor-pointer mt-4"
         style={
           fontSize: "14px",
           float: "left",