It turned out I had to add my css in the main css file, i.e. styles.scss. "white-space: normal;" fixes the overflowing problem.
However, I noticed that I still can't overwrite css per se, i.e. I can add new css properties but can't overwrite the ones that are already specified. Any idea if it's possible? Also, can it be done on the component level, instead of adding css in the main styles.scss file?