Datepicker modal breaks design when datepicker is placed in the Grid component

### Description of the bug

It seems like the table cells used in the datepicker modal is affected by some table styling applied to the Grid component.

### Steps To Reproduce

1. Place a datepicker in a grid component
2. open the datepicker modal and see that the buttons placed in cells become too tall.

### Additional Information

_No response_

Start by reproducing the issue with a datepicker placed inside the Grid component, then inspect the datepicker modal and Grid table styling mentioned in the report. Confirm that the modal's cell buttons retain their intended height when the conflicting styling is addressed.

Written by the indexing model from the issue text.