# How do you get rid of these ugly selectors with the Stripe Pay form?

**URL:** https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809
**Category:** Design
**Created:** [March 30, 2021, 3:13am UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809 "2021-03-30T03:13:11Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![blove](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/blove/32/6756_2.png) [@blove](https://forum.adalo.com/u/blove)
#### Post date: [March 30, 2021, 3:13am UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/1 "2021-03-30T03:13:11Z")

</div>

How do you get rid of the ugly selectors for the month, year and CV for the credit card form?  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/f/fb5086b6d0a338e578062593bbc70fca3dad989b.png)

---

<div class="post-metadata">

### Author: ![Erik](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/erik/32/7849_2.png) [@Erik](https://forum.adalo.com/u/Erik)
#### Post date: [March 30, 2021, 7:59am UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/2 "2021-03-30T07:59:23Z")

</div>

Hi,

I think that’s due to the size of the component (if you shrank it) or may be generated by your system.

Here’s a screenshot of mine, for reference:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/9/92009228e5cfc6fc63a60c97cd99ab8c4c13eda7.png)

---

<div class="post-metadata">

### Author: ![tangerinedee](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tangerinedee](https://forum.adalo.com/u/tangerinedee)
#### Post date: [March 30, 2021, 8:41pm UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/3 "2021-03-30T20:41:33Z")

</div>

I’m having the same issue. It was fine at first and then it changed. I even deleted the component and added a new one and it made no difference. Did you ever figure out what was causing it?

---

<div class="post-metadata">

### Author: ![B0untiful\_26](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@B0untiful\_26](https://forum.adalo.com/u/B0untiful_26)
#### Post date: [March 30, 2021, 8:50pm UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/4 "2021-03-30T20:50:19Z")

</div>

It most probs are the size, adalo pushes the size to smaller if the place is filled with many objects, or most probs you re-sized it smaller.

---

<div class="post-metadata">

### Author: ![tangerinedee](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tangerinedee](https://forum.adalo.com/u/tangerinedee)
#### Post date: [March 30, 2021, 9:24pm UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/5 "2021-03-30T21:24:09Z")

</div>

No, I tried adding the component to a new blank screen and got the same result.

Thanks for your reply. I’ll submit a support ticket and hope for a response.

---

<div class="post-metadata">

### Author: ![B0untiful\_26](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@B0untiful\_26](https://forum.adalo.com/u/B0untiful_26)
#### Post date: [March 31, 2021, 12:01am UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/6 "2021-03-31T00:01:46Z")

</div>

Yeah do that, good lucks if they answer!

---

<div class="post-metadata">

### Author: ![martinj](https://avatars.discourse-cdn.com/v4/letter/m/7c8e57/32.png) [@martinj](https://forum.adalo.com/u/martinj)
#### Post date: [April 3, 2021, 3:50pm UTC](https://forum.adalo.com/t/how-do-you-get-rid-of-these-ugly-selectors-with-the-stripe-pay-form/10809/7 "2021-04-03T15:50:53Z")

</div>

Too my way of thinking, the problem here is not just the selectors. The whole layouthere is ugly, and very confusing for a user that’s not too familiar with card payment. For example, in my implementation, there’s a hidden “postcode” field at the end of the line that only appears when you’ve filled out the rest of the fields.

When I first saw this layout when following the example in Stripe’s docs I thought I’d done something wrong. I could see there was a facility to pass a style object and thought I could use this to position and style the fields. After some fiddling around it looked like I could mount elements separately, but I had no luck at all in doing anything much beyond changing the font size.

After a loooong char with Stripe’s support people, it seemed the only way I could get a civilised layout was to use their “prebuilt integration”.

The whole experience has left much deeply confused/disappointed. “Custom” doesn’t seem to offer much customisation at all.

Am I missing something?
