[BUG] Sidebar icons are misaligned when collapsed

[Pranjl7]

Description

When the sidebar is collapsed, the sidebar icons appear uneven and misaligned.
However, when the sidebar is expanded, the icons are properly aligned and evenly spaced.

This causes visual inconsistency and affects the overall UI polish.

Screenshots

Before (collapsed sidebar – misaligned icons):

After (expected alignment):

Steps to Reproduce

1. Open the application
2. Navigate to any page with the sidebar
3. Collapse the sidebar
4. Observe the alignment of the sidebar icons

Expected Behavior

Sidebar icons should remain evenly aligned and consistently spaced in both :
Collapsed state
Expanded state

Actual Behavior

Icons appear uneven and misaligned when the sidebar is collapsed.
Alignment looks correct only when the sidebar is expanded.

Version

No response

Environment

Browser: Chrome / Edge (latest) Device: Desktop OS: Windows

Additional Context

The issue seems related to icon alignment and spacing logic when the sidebar width is reduced.
Fixing this will improve visual consistency and user experience.