How can i change stripe subscription payment page design?

The subscription payment page is aligning in one line i need to show it like a normal payment form show card number , cvv and expiry on multiple lines rather than one line
i m attaching an image to show how it looks
stripe image before,
how it should look

my code is as follow

  var stripe = Stripe('Publishable Key');


 var elements = stripe.elements();
  
  var style = {
 base: {
      color: '#32325d',
      fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
      fontSmoothing: 'antialiased',
      fontSize: '16px',
      '::placeholder': {
          color: '#aab7c4'
      },
      display:'block'
  },
  invalid: {
      color: '#fa755a',
      iconColor: '#fa755a'
  }
  };

        
      // Create an instance of the card Element.
      var card = elements.create('card', {style: style});
      card.mount('#card-element');

please advice