[GH-ISSUE #21610] Sidebar: Search icon misaligned with other navigation items #106531

Closed
opened 2026-05-18 04:56:59 -05:00 by GiteaMirror · 2 comments
Owner

Originally created by @iam-zekai on GitHub (Feb 19, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/21610

Bug Description

In the sidebar navigation, the Search icon is misaligned (shifted to the left) compared to the other navigation items (New Chat, Notes, Workspace). The icons for New Chat, Notes, and Workspace are properly aligned, but the Search icon breaks the visual alignment.

Screenshot

sidebar-misalignment

The Search (magnifying glass) icon is noticeably shifted to the left compared to the other sidebar icons.

Steps to Reproduce

  1. Open the application
  2. Look at the left sidebar navigation
  3. Compare the alignment of the Search icon with New Chat, Notes, and Workspace icons

Expected Behavior

All sidebar navigation icons should be vertically aligned consistently.

Environment

  • Open WebUI: Latest version
  • Browser: Safari / Chrome (macOS)
  • OS: macOS

Additional Context

This appears to be a CSS padding/margin issue on the Search navigation item. The other three items (New Chat, Notes, Workspace) share consistent left padding, but the Search item has different spacing.

Originally created by @iam-zekai on GitHub (Feb 19, 2026). Original GitHub issue: https://github.com/open-webui/open-webui/issues/21610 ## Bug Description In the sidebar navigation, the **Search** icon is misaligned (shifted to the left) compared to the other navigation items (New Chat, Notes, Workspace). The icons for New Chat, Notes, and Workspace are properly aligned, but the Search icon breaks the visual alignment. ## Screenshot ![sidebar-misalignment](https://github.com/user-attachments/assets/placeholder) > The Search (magnifying glass) icon is noticeably shifted to the left compared to the other sidebar icons. ## Steps to Reproduce 1. Open the application 2. Look at the left sidebar navigation 3. Compare the alignment of the Search icon with New Chat, Notes, and Workspace icons ## Expected Behavior All sidebar navigation icons should be vertically aligned consistently. ## Environment - Open WebUI: Latest version - Browser: Safari / Chrome (macOS) - OS: macOS ## Additional Context This appears to be a CSS padding/margin issue on the Search navigation item. The other three items (New Chat, Notes, Workspace) share consistent left padding, but the Search item has different spacing.
Author
Owner

@iam-zekai commented on GitHub (Feb 19, 2026):

Image
<!-- gh-comment-id:3928075624 --> @iam-zekai commented on GitHub (Feb 19, 2026): <img width="510" height="502" alt="Image" src="https://github.com/user-attachments/assets/35ce66dc-451b-4460-975b-45c7fe34ef8a" />
Author
Owner

@Classic298 commented on GitHub (Feb 19, 2026):

cannot reproduce this

Image

Tested on Windows with Edge and Chrome

<!-- gh-comment-id:3928083614 --> @Classic298 commented on GitHub (Feb 19, 2026): cannot reproduce this <img width="265" height="108" alt="Image" src="https://github.com/user-attachments/assets/794559f4-c40d-40db-bf99-74a513d216e6" /> Tested on Windows with Edge and Chrome
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#106531