Originally created by @lehhair on GitHub (Oct 7, 2024).
Bug Report
Installation Method:
docker
Environment:
Open WebUI Version: v0.3.32
Operating System: Windows 11
Browser: Chrome 129.0.6668.90
Confirmation:
I have read and followed all instructions provided in the README.md.
I am using the latest version of Open WebUI.
I have included browser console logs.
I have included Docker container logs.
I have provided detailed steps to reproduce the error in the "Reproduction Steps" section.
Expected Behavior:
When scrolling the page in widescreen mode, the size of the conversation bubbles should remain consistent.
Actual Behavior:
In widescreen mode, when the chat includes YAML code blocks, the size of the conversation bubbles changes inconsistently when scrolling up and down.
Bug Summary:
When scrolling in widescreen mode, if the chat includes YAML code blocks, the size of the conversation bubbles changes inconsistently.
Observe the inconsistent change in the size of the conversation bubbles.
Originally created by @lehhair on GitHub (Oct 7, 2024).
**Bug Report**
**Installation Method:**
docker
**Environment:**
- **Open WebUI Version:** v0.3.32
- **Operating System:** Windows 11
- **Browser:** Chrome 129.0.6668.90
**Confirmation:**
- [x] I have read and followed all instructions provided in the README.md.
- [x] I am using the latest version of Open WebUI.
- [ ] I have included browser console logs.
- [ ] I have included Docker container logs.
- [x] I have provided detailed steps to reproduce the error in the "Reproduction Steps" section.
**Expected Behavior:**
When scrolling the page in widescreen mode, the size of the conversation bubbles should remain consistent.
**Actual Behavior:**
In widescreen mode, when the chat includes YAML code blocks, the size of the conversation bubbles changes inconsistently when scrolling up and down.
**Bug Summary:**
When scrolling in widescreen mode, if the chat includes YAML code blocks, the size of the conversation bubbles changes inconsistently.
**Reproduction Details:**
**Reproduction Steps:**
1. Open Open WebUI in widescreen mode.
2. Enter a message containing a YAML code block. Not all YAML will cause this issue; the following example will: https://github.com/ChatLunaLab/chatluna-character/blob/main/resources/presets/default.yml
3. Scroll up and down the page.
4. Observe the inconsistent change in the size of the conversation bubbles.

Until the latest version this problem still exists, and I found that code blocks are not colored when writing py instead of python, hopefully this can be optimized!
@lehhair commented on GitHub (Dec 8, 2024):
Until the latest version this problem still exists, and I found that code blocks are not colored when writing ```py instead of ```python, hopefully this can be optimized!
I confirmed this issue internally last month, but only just now stumbled across this issue post based on the title. I clicked upon it and knew it was an instant match of the same issue I reported. Turns out your issue post opened up here is actually 1 year older though!
To add more context about this issue, I believe both Chat Bubble UI and Widescreen Mode UI options need to be toggled on within the Interface user settings to see the code blocks resize issue described. The resizing of code blocks only happens while scrolling through code blocks previously provided in my queries sent to the model within a chat. This issue should still be reproducible.
@geniusjoelraj, @anugrahrk This issue has not been resolved yet and a PR is definitely welcome!
@silentoplayz commented on GitHub (Oct 21, 2025):
I confirmed this issue internally last month, but only just now stumbled across this issue post based on the title. I clicked upon it and knew it was an instant match of the same issue I reported. Turns out your issue post opened up here is actually **1 year older** though!
To add more context about this issue, I believe both `Chat Bubble UI` and `Widescreen Mode` UI options need to be toggled on within the `Interface` user settings to see the code blocks resize issue described. The resizing of code blocks only happens while scrolling through code blocks previously provided in my queries sent to the model within a chat. This issue should still be reproducible.
<img width="1102" height="871" alt="Image" src="https://github.com/user-attachments/assets/bc4255e6-8648-4aa9-a3f6-7cb7d5a95e18" />
@geniusjoelraj, @anugrahrk This issue **has not** been resolved **yet** and a PR is definitely welcome!
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Originally created by @lehhair on GitHub (Oct 7, 2024).
Bug Report
Installation Method:
docker
Environment:
Confirmation:
Expected Behavior:
When scrolling the page in widescreen mode, the size of the conversation bubbles should remain consistent.
Actual Behavior:
In widescreen mode, when the chat includes YAML code blocks, the size of the conversation bubbles changes inconsistently when scrolling up and down.
Bug Summary:
When scrolling in widescreen mode, if the chat includes YAML code blocks, the size of the conversation bubbles changes inconsistently.
Reproduction Details:
Reproduction Steps:
@lehhair commented on GitHub (Oct 25, 2024):
Perhaps it is caused by the display of new code blocks, which will reappear in many cases.
@lehhair commented on GitHub (Dec 8, 2024):
Until the latest version this problem still exists, and I found that code blocks are not colored when writing
py instead ofpython, hopefully this can be optimized!@geniusjoelraj commented on GitHub (Jul 27, 2025):
Hey I can work on this, Is this still relevant?
@anugrahrk commented on GitHub (Aug 23, 2025):
resolved? if not i can work on this.
@silentoplayz commented on GitHub (Oct 21, 2025):
I confirmed this issue internally last month, but only just now stumbled across this issue post based on the title. I clicked upon it and knew it was an instant match of the same issue I reported. Turns out your issue post opened up here is actually 1 year older though!
To add more context about this issue, I believe both
Chat Bubble UIandWidescreen ModeUI options need to be toggled on within theInterfaceuser settings to see the code blocks resize issue described. The resizing of code blocks only happens while scrolling through code blocks previously provided in my queries sent to the model within a chat. This issue should still be reproducible.@geniusjoelraj, @anugrahrk This issue has not been resolved yet and a PR is definitely welcome!