Skip to content

UI: Navigation tab bar width inconsistent with main container on Quality Dashboard #58

@icoderarely

Description

@icoderarely

Current Behavior

On the qa.meshery.io dashboard, the navigation tab bar (containing Results, Quality Gates, etc.) does not consistently follow the width of the main content container. When switching between different tabs, the navigation elements appear to shift or overflow, leading to a visual misalignment where the tab bar layout does not respect the boundaries established by the rest of the dashboard components.

Expected Behavior

The navigation bar should be strictly constrained to the same container width as the dashboard content below it. Switching between tabs should maintain a consistent horizontal alignment and width across the entire user interface, ensuring a uniform layout.

Screenshots/Logs

2026-05-07.11-43-31.mp4

Environment

  • Host OS: Mac (Arc)

Contributor Guides and Handbook

Metadata

Metadata

Assignees

No one assigned

    Labels

    issue/duplicateThis issue or pull request already exists

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions