[BUG]: ExpressCheckoutElement Inconsistent Row Rendering

[StevenGlrz]

What happened?

I have the following

<ExpressCheckoutElement
      options={{
          layout: {
              overflow: "never",
              maxColumns: 0,
          },
          buttonType: {
              applePay: "book",
              googlePay: "book"
          },
          buttonHeight: 40,
          paymentMethods: {
              applePay: "always",
              googlePay: "always",
              link: "never"
          }
      }}
/>

which renders apple pay and google pay buttons in one row as expected

But if I change buttonType from book to plain, it renders on two rows. I would expect this to still render in one row.

Environment

Safari & Chrome

Reproduction

No response

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.