muiのDatepickerで、Dateのフォントサイズが変えられない CSS

実現したいこと

muiのDatepickerを使用しています。カレンダーの日のフォントサイズを変更したいです。

Chromeの開発ツールでの該当箇所とコード

html

1<button class="MuiButtonBase-root MuiPickersDay-root MuiPickersDay-dayWithMargin css-cmax2u-MuiButtonBase-root-MuiPickersDay-root" tabindex="-1" type="button" role="gridcell" aria-selected="false">25<span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"></span></button>

試したコード

React.js

12const useStyles = makeStyles(() => ({ 3root: { 4 ".MuiPickersDay-root": { 5 fontSize: 24, 6 fontWeight: "bold", 7 }, 8 }, 9})); 10 11//Datepickerコンポーネント 12 <StaticDatePicker 13 Picker 14 value={value} 15 displayStaticWrapperAs="desktop" 16 toolbarTitle="日付選択" 17 toolbarFormat="MM月dd日" 18 disablePast={true} 19 showToolbar={false} 20 onChange={(newValue) => { }} 21 renderInput={(params) => ( 22 <TextField className={classes.root} {...params} /> 23 )} 24 /> 25

聞きたいこと

cssでどのように要素を特定すれば良いのか、教えて頂きたいです。
よろしくお願い致します。