# Date picker year selection could be more prominently shown

**URL:** <https://community.glideapps.com/t/date-picker-year-selection-could-be-more-prominently-shown/57314>\
**Category:** Ask for Help\
**Created:** [January 31, 2023, 1:42pm UTC](https://community.glideapps.com/t/date-picker-year-selection-could-be-more-prominently-shown/57314 "2023-01-31T13:42:32Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 31, 2023, 1:51pm UTC](https://community.glideapps.com/t/date-picker-year-selection-could-be-more-prominently-shown/57314/3 "2023-01-31T13:51:28Z")

</div>

There is a CSS hack for Apps to make that bigger:

> [@Custom CSS - No, the sky is NOT about to fall in](https://community.glideapps.com/t/custom-css-no-the-sky-is-not-about-to-fall-in/44107/1):
>
> - Restyling the Date Picker
> 
> ```auto
> <pre><span><style>
> /* Month */
> .MuiPickersSlideTransition-transitionContainer > * {
> font-size: 1.5em !important;
> }
> 
> /* Year & Day */
> .MuiPickersToolbarText-toolbarTxt {
> font-size: 2.125rem;
> font-family: "Roboto", "Helvetica", "Arial", sans-serif;
> font-weight: 400;
> line-height: 1.235;
> letter-spacing: 0.00735em;
> }
> 
> /* Day only */
> .MuiTypography-h4 {
> font-size: 1.8rem !important;
> }
> 
> ```

Of course, that won’t work for too much longer.

---

_[View the full topic](https://community.glideapps.com/t/date-picker-year-selection-could-be-more-prominently-shown/57314)._
