Prompts display incorrectly on mobile devices

[camartinezbu]

Checklist

• I have read the tutorials and know the correct effect of the functional design.
• There are no similar reports on existing issues (including closed ones).
• I found the bug on the latest code of the master branch.

Describe the bug

The text included inside the colored prompts overflows past the box and the edge of the screen on mobile devices. This crops some characters so that they are unreadable.

To Reproduce

Steps to reproduce the behavior:

Expected behavior

The text inside prompts should adjust correctly on Mobile devices.

Screenshots

Environment

Command	Version
ruby -v	2.6.8
gem -v	3.0.3.1
bundle -v	2.3.9
bundle exec jekyll -v	4.2.2
bundle info jekyll-theme-chirpy	5.2.1

Desktop

Smartphone

• Device: Samsung galaxy s10
• OS: Android 12
• Browser: Chrome 103 and Firefox 101

Additional context