The width of element does not decrease when the window width decreases

I am using react-quill to convert rich text into html. It converts the code blocks in <pre> tags. When I decrease the width of my window, the width of the <pre> elements stops reducing as soon as the border hits the content inside. I want it to keep decreasing even if the content overflows. How is this possible?