Problem with previous components being obscured by later components

I am using a dateField inside a cell. Due to the default setting of z-index:10 set in the cell and the z-index:0 applied to the class of css-175oi2r?, there is a problem in which the dateField of the previous row is obscured by the component that appears in the next row. You cannot set z-index on position. I hope that the dateField of the previous row is not obscured by the components of the next rows. How can I do this?

Can I apply the JavaScript CSS selector that can be used in HTML to the component?

Please let me know if there is another way.