How to remove background gap of text messages CSS

Question

I\'m building a React Chat app. My background of messages works fine with a short text. The background responsively changes according to text-content.

With longer tex