# Datepicker UI too big on mobile

**URL:** <https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600>\
**Category:** Get Help\
**Tags:** mobile, conflict, datepicker, css\
**Created:** [June 1, 2021, 3:49pm UTC](https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600 "2021-06-01T15:49:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user5f33d6cd4ab78826](https://avatars.discourse-cdn.com/v4/letter/u/6de8d8/32.png) [@user5f33d6cd4ab78826](https://community.gravityforms.com/u/user5f33d6cd4ab78826)\
**Post date:** [June 1, 2021, 3:49pm UTC](https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600/1 "2021-06-01T15:49:43Z")

</div>

Hi,  
after multiple updates to GF and the theme I use, the datepicker has changed (much stylish now) but on mobile is too big. Is there a way to make it look smaller?  
Thanks.

[https://contestamenda.eu/f2](https://contestamenda.eu/f2)

 ![WhatsApp Image 2021-06-01 at 18.44.34](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/d/d3b55ae1fdc2a9961cdf5458599ba8486285094c.jpeg)

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [June 2, 2021, 6:05pm UTC](https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600/2 "2021-06-02T18:05:41Z")

</div>

Hello. I recommend first checking to see how it looks in the form preview, or with a default theme like Twenty Twenty, and if it is no better, please open a support ticket:

> **[Support | Gravity Forms](https://www.gravityforms.com/support/)**
>
> We are always here to help. If you have any issues/questions about our plugin, please create a ticket here to get immediate support from our team.

Thank you.

---

<div class="post-metadata">

**Author:** ![user5f33d6cd4ab78826](https://avatars.discourse-cdn.com/v4/letter/u/6de8d8/32.png) [@user5f33d6cd4ab78826](https://community.gravityforms.com/u/user5f33d6cd4ab78826)\
**Post date:** [July 12, 2021, 2:59pm UTC](https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600/3 "2021-07-12T14:59:06Z")

</div>

To whom it may concern:

This snippet will adjust the size for both desktop and mobile devices:

```auto
.gform-theme-datepicker {
  transform: scale(.75);
    }

```

This snippet will adjust the size for smaller mobile devices only:

```auto
@media ( max-width: 768px ) {
    .gform-theme-datepicker {
        transform: scale(.75);
    }
}

```

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [July 12, 2021, 3:00pm UTC](https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600/4 "2021-07-12T15:00:52Z")

</div>

Thanks for sharing that CSS @user5f33d6cd4ab78826.

---

<div class="post-metadata">

**Author:** ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)\
**Post date:** [January 5, 2022, 8:30am UTC](https://community.gravityforms.com/t/datepicker-ui-too-big-on-mobile/9600/5 "2022-01-05T08:30:09Z")

</div>

Closed on January 5, 2022, 8:30am UTC