Please widen the code block style element in chat

[EricGT]

@EugenS

use any appropriate extension that can apply custom user CSS

Thanks!

Used Stylebot with Chrome.

---

With Stylebot disabled

With Stylebot enabled

Details for setup (Click triangle to expand)

1. Install Stylebot

2. Using the ChatGPT web page enter a prompt to create lines longer than 100 characters, e.g. Create some CSV lines that are more than 100 characters.

3. In the upper right of Chrome click the extensions icon (looks like a puzzle piece)
   

   This will show a list of installed extensions.

   

4. Click Stylebot

   

5. Click Open Sytlebot

   

6. At the bottom select <> Code

   

7. Paste in the CSS as given by @EugenS

.text-base {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

8. May need to refresh the page to apply the additional CSS rules.
9. Close the Stylebot dialog by clicking the close icon in the upper right (Circle with X inside)
   

---

If you want to be able to quickly enable/disable Stylebot then click the pin icon in the list of extensions.

Before clicking pin for Stylebot

After click pin for Stylebot

and then can click on the Stylebot icon in the upper right of Chrome.