bug: The ion-datetime perform a different line height in different month

[Coder7777]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

Select the date '13, June 2024' the background blue circle will cover the bottom of '6, June 2024'.

But it will not happen in other months.

Expected Behavior

Keep the same line height in every month.

Steps to Reproduce

https://stackblitz.com/edit/angular-bqf3pd

see the screen recording.

https://github.com/ionic-team/ionic-framework/assets/17242425/e36e6b2c-6173-4670-8bfc-2d39beab5499

Code Reproduction URL

https://stackblitz.com/edit/angular-bqf3pd

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 8.1.0 @angular-devkit/build-angular : 17.3.6 @angular-devkit/schematics : 17.3.6 @angular/cli : 17.3.6 @ionic/angular-toolkit : 11.0.1

Capacitor:

Capacitor CLI : 6.0.0 @capacitor/android : 6.0.0 @capacitor/core : 6.0.0 @capacitor/ios : 6.0.0

Utility:

cordova-res : not installed globally native-run : 2.0.1

System:

NodeJS : v18.13.0 (/usr/local/bin/node) npm : 8.19.3 OS : macOS Unknown

Additional Information

No response