Skip to content

Bug: Sidebar List Items – Incorrect Padding, Icon Gaps, and Hover/Selected States Not Full Width #3583

@geodem127

Description

@geodem127

Problem

There are UI inconsistencies in the app sidebar component:

  • List items have incorrect padding, resulting in awkward spacing.
  • Icon gaps are inconsistent or misaligned with the text.
  • Hover and selected states do not extend from edge to edge, breaking visual continuity.

Screenshots

Image
Image

Expected behavior

  • Sidebar items should have consistent and visually balanced padding.
  • Hover/selected states should extend from edge to edge, covering the entire sidebar item area.

Image

Suggested Fix:

Adjust sidebar list item styles:

  • Use consistent padding/margin across items (hover/selected state).
  • Fix icon alignment/gap.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions