Skip to content

Comments

fix: constrain chat assistant to 384px on desktop and remove dark background#224

Merged
patcapulong merged 1 commit intomainfrom
fix/chat-bar-width
Feb 24, 2026
Merged

fix: constrain chat assistant to 384px on desktop and remove dark background#224
patcapulong merged 1 commit intomainfrom
fix/chat-bar-width

Conversation

@patcapulong
Copy link
Contributor

@patcapulong patcapulong commented Feb 23, 2026

Summary

  • Constrains the chat assistant floating input to max-width: 384px and centers it on desktop (>=640px), overriding Mintlify's new full-width default
  • Removes the dark background behind the chat area by making the sticky container and its ::before pseudo-elements transparent
  • Mobile behavior (8px edge-to-edge overflow) is unchanged

Context

Mintlify pushed a platform update that made the chat assistant w-full (confirmed on their Palm theme starter). This is not caused by our CSS — we need to override their new default.

Test plan

  • Desktop: chat bar is ~384px wide, centered, no dark background behind it
  • Mobile: chat bar extends 8px past content edges as before
  • Light and dark mode both look correct

Made with Cursor

…kground

Mintlify pushed a platform update that made the chat assistant full-width.
This overrides that default by capping the bar at 384px with centering on
desktop (>=640px) and making the sticky container background transparent.
Mobile 8px edge-to-edge overflow is preserved.

Co-authored-by: Cursor <cursoragent@cursor.com>
@greptile-apps
Copy link
Contributor

greptile-apps bot commented Feb 23, 2026

Greptile Summary

Adds CSS overrides to fix Mintlify's recent platform update that made the chat assistant full-width. The changes constrain the chat input to 384px width and center it on desktop (>=640px), while removing dark backgrounds from the sticky container and pseudo-elements.

Key changes:

  • Desktop chat bar constrained to max-width: 384px with margin: 0 auto
  • Dark background removed via background: transparent !important on container and ::before pseudo-elements
  • Mobile behavior (<640px) unchanged - still extends 8px past edges
  • All overrides use !important to supersede Mintlify's platform styles

Confidence Score: 5/5

  • This PR is safe to merge with no risk - it only adds CSS overrides for visual styling
  • The changes are CSS-only overrides that fix visual styling issues caused by Mintlify's platform update. The CSS uses appropriate media queries to target desktop vs mobile, preserves existing mobile behavior, and follows the existing pattern of using !important to override Mintlify defaults seen throughout the file. No logic, security, or functional issues present.
  • No files require special attention

Important Files Changed

Filename Overview
mintlify/style.css CSS overrides added to constrain chat width to 384px on desktop, center it, and remove dark backgrounds - all changes use !important to override Mintlify platform defaults

Last reviewed commit: 9f80c07

@patcapulong patcapulong merged commit 7826a99 into main Feb 24, 2026
6 checks passed
@patcapulong patcapulong deleted the fix/chat-bar-width branch February 24, 2026 03:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants