Skip to content

fix(settings): align MCP settings layout with other settings pages#13996

Merged
neubig merged 2 commits intoOpenHands:mainfrom
octo-patch:fix/issue-13982-mcp-settings-alignment
Apr 18, 2026
Merged

fix(settings): align MCP settings layout with other settings pages#13996
neubig merged 2 commits intoOpenHands:mainfrom
octo-patch:fix/issue-13982-mcp-settings-alignment

Conversation

@octo-patch
Copy link
Copy Markdown
Contributor

Fixes #13982

Problem

The MCP settings page had max-w-[1000px] mx-auto px-6 on its outer container, which caused the content to be centered with extra padding rather than left-aligned. This made the MCP settings visually inconsistent with other settings pages (e.g., Secrets, Git settings) that start content from the left edge.

Solution

Removed max-w-[1000px], mx-auto, and px-6 from the list view wrapper in mcp-settings.tsx. The content now aligns to the left, consistent with the rest of the settings pages which use the same layout provided by SettingsLayout.

Testing

  • Verified the MCP settings list view now starts from the left edge, matching secrets-settings and other settings pages.
  • No functional behavior was changed; only the layout class was adjusted.

Removes max-w-[1000px], mx-auto, and px-6 from the MCP settings list
view wrapper so that content starts from the left edge, consistent with
secrets-settings and other settings pages.

Fixes OpenHands#13982
Copy link
Copy Markdown
Contributor

@neubig neubig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @octo-patch please post a screenshot of the pages before and after the change so we can review the design.

@neubig
Copy link
Copy Markdown
Contributor

neubig commented Apr 18, 2026

I have QAed this before and after, and it looks good.

After:
Screenshot 2026-04-18 at 7 09 21 AM

Before:
Screenshot 2026-04-18 at 7 06 56 AM

Copy link
Copy Markdown
Contributor

@neubig neubig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for the contribution @octo-patch ! For next contribution it'd be great if you could attach a screenshot to make it easier for us to QA.

@neubig neubig enabled auto-merge (squash) April 18, 2026 11:10
@neubig neubig merged commit 8f5b3ce into OpenHands:main Apr 18, 2026
24 checks passed
@mamoodi mamoodi added the release:cloud-1.23.0 Cloud release 1.23.0 label Apr 22, 2026 — with OpenHands AI
devin-ai-integration Bot pushed a commit to OrpingtonClose/OpenHands that referenced this pull request Apr 26, 2026
…penHands#13996)

Co-authored-by: octo-patch <octo-patch@github.com>
Co-authored-by: Graham Neubig <neubig@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

release:cloud-1.23.0 Cloud release 1.23.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: MCP settings is not aligned properly to the left

3 participants