Alignment of icons in the navbar when collapsed

Author: KrishPatel1205Created Jul 9, 2026Updated Jul 12, 2026

Description

When the sidebar/navbar is collapsed, several navigation icons are not consistently aligned. This makes the collapsed navigation look uneven and less polished.

Screenshot

Image

Steps to Reproduce

  1. Open the application.
  2. Collapse the left sidebar/navbar.
  3. Observe the alignment of the icons.

Expected Behavior

  • All icons should be horizontally centered within their respective navigation items.
  • Spacing between icons should be consistent throughout the collapsed sidebar.
  • The active item indicator should not affect the icon alignment.

Actual Behavior

  • Icons appear slightly offset from one another.
  • Some icons are not centered within their containers.
  • The overall alignment looks inconsistent in the collapsed state.

Source: davila7/claude-code-templates