bug(Datepicker): Datepicker style is affected by body line-height

[keatkeat87]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Reproduction

StackBlitz link:
Steps to reproduce:

1. git clone https://github.com/keatkeat87/ng-mat-datepicker-line-height.git
2. ng serve

Expected Behavior

dates should be inside Datepicker.

Actual Behavior

The dates are pushed out over the Datepicker.

Environment

Angular CLI: 18.2.4
Node: 20.11.1
Package Manager: yarn 1.22.19
OS: win32 x64

Angular: 18.2.4
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.1802.4
@angular-devkit/build-angular 18.2.4
@angular-devkit/core 18.2.4
@angular-devkit/schematics 18.2.4
@schematics/angular 18.2.4
rxjs 7.8.1
typescript 5.5.4
zone.js 0.14.10

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}