a367a8c fix: consistent chat message bubble widths in widescreen mode
📊 Changes
1 file changed (+1 additions, -1 deletions)
View changed files
📝src/app.css (+1 -1)
📄 Description
Summary
Fixes the inconsistent conversation bubble sizing reported in #5975.
The root cause is that the .markdown-prose class applies Tailwind's prose plugin, which sets a default max-width: 65ch. This conflicts with the explicit w-full min-w-full on message containers. When content like YAML code blocks exceeds the 65ch character limit, the prose max-width constraint causes the bubble to resize inconsistently as the browser recalculates layout during scrolling.
The fix adds max-w-none to .markdown-prose, removing the prose plugin's default max-width. The parent Message component already controls the overall container width via max-w-5xl (normal mode) or max-w-full (widescreen mode), so no additional width constraint is needed on the prose wrapper. Code blocks continue to handle horizontal overflow correctly via their existing overflow-x-auto.
Changes
src/app.css: Added max-w-none to .markdown-prose class
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.
## 📋 Pull Request Information
**Original PR:** https://github.com/open-webui/open-webui/pull/23460
**Author:** [@chernistry](https://github.com/chernistry)
**Created:** 4/6/2026
**Status:** ❌ Closed
**Base:** `main` ← **Head:** `fix/consistent-chat-bubble-sizes`
---
### 📝 Commits (1)
- [`a367a8c`](https://github.com/open-webui/open-webui/commit/a367a8c7d75a4dfe3ef89e0c944aee986d62519d) fix: consistent chat message bubble widths in widescreen mode
### 📊 Changes
**1 file changed** (+1 additions, -1 deletions)
<details>
<summary>View changed files</summary>
📝 `src/app.css` (+1 -1)
</details>
### 📄 Description
## Summary
Fixes the inconsistent conversation bubble sizing reported in #5975.
The root cause is that the `.markdown-prose` class applies Tailwind's `prose` plugin, which sets a default `max-width: 65ch`. This conflicts with the explicit `w-full min-w-full` on message containers. When content like YAML code blocks exceeds the 65ch character limit, the prose max-width constraint causes the bubble to resize inconsistently as the browser recalculates layout during scrolling.
The fix adds `max-w-none` to `.markdown-prose`, removing the prose plugin's default max-width. The parent `Message` component already controls the overall container width via `max-w-5xl` (normal mode) or `max-w-full` (widescreen mode), so no additional width constraint is needed on the prose wrapper. Code blocks continue to handle horizontal overflow correctly via their existing `overflow-x-auto`.
## Changes
- `src/app.css`: Added `max-w-none` to `.markdown-prose` class
Fixes #5975
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
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.
📋 Pull Request Information
Original PR: https://github.com/open-webui/open-webui/pull/23460
Author: @chernistry
Created: 4/6/2026
Status: ❌ Closed
Base:
main← Head:fix/consistent-chat-bubble-sizes📝 Commits (1)
a367a8cfix: consistent chat message bubble widths in widescreen mode📊 Changes
1 file changed (+1 additions, -1 deletions)
View changed files
📝
src/app.css(+1 -1)📄 Description
Summary
Fixes the inconsistent conversation bubble sizing reported in #5975.
The root cause is that the
.markdown-proseclass applies Tailwind'sproseplugin, which sets a defaultmax-width: 65ch. This conflicts with the explicitw-full min-w-fullon message containers. When content like YAML code blocks exceeds the 65ch character limit, the prose max-width constraint causes the bubble to resize inconsistently as the browser recalculates layout during scrolling.The fix adds
max-w-noneto.markdown-prose, removing the prose plugin's default max-width. The parentMessagecomponent already controls the overall container width viamax-w-5xl(normal mode) ormax-w-full(widescreen mode), so no additional width constraint is needed on the prose wrapper. Code blocks continue to handle horizontal overflow correctly via their existingoverflow-x-auto.Changes
src/app.css: Addedmax-w-noneto.markdown-proseclassFixes #5975
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.