Skip to content

Layout not spanning full width (missing width: 100vw) [MCP Inspector v0.15.0, UI] #773

@Malay-dev

Description

@Malay-dev

Describe the bug
In MCP Inspector v0.15.0, the UI layout does not spread properly across the screen. It looks like the main container width is not set to 100vw. As a result, there is extra whitespace/margin on the sides even though all components are loaded.

To Reproduce
Steps to reproduce the behavior:

  1. Start MCP Inspector v0.15.0
  2. Open in browser (http://localhost:6274/)
  3. Observe the main layout width
  4. Notice that the content does not expand to the full width of the viewport

Expected behavior
The main layout should expand to the full browser width (100vw) so that components align correctly without leaving unused whitespace.

Screenshots
Image

Logs
N/A (no console or backend errors)

Additional context

  • MCP Inspector version: v0.15.0
  • OS: Windows 10 (running MCP server via WSL)
  • Browser: Chrome (Incognito)
  • This appears to be a CSS layout issue rather than a missing component problem.

Potential Fix
The root container is not taking the full width of the viewport.
Adding the Tailwind class w-screen to the child of the root <div> would allow the main container to span the full screen width and eliminate the extra whitespace/margin.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions