CSS table data is being squashed(?)

Question

I am trying to build a scrollable table. But my result shows the table data being squashed(?) or sort.

I am not sure why the snippet shows fine. But for me, it sh