fix(web): match settings search shortcut styling to command palette's

[UtkarshUsername]

What Changed

The "/" shortcut badge in the settings sidebar search box now uses the same subtle keycap style as the command palette shortcut badge in the legacy sidebar, so the two look consistent.

Why

The "/" settings badge previously looked weird and was not consistent with the existing style. It rendered as a bordered, outlined pill, which stood out against the plain keycap used for the command palette hint. This change makes the settings search shortcut match the existing style.

Existing Style (command palette shortcut badge in the legacy sidebar):

The "/" shortcut didn't match this, and looked weird.

UI Changes

Before:

After:

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes

---

Note

Low Risk
Visual-only className change on a keyboard hint with no behavior or data impact.

Overview
The / keyboard hint in the settings sidebar search field no longer uses sidebar-specific pill styling (extra background, border ring, muted text color, and right margin). It now relies on the shared Kbd defaults with the same compact sizing classes as the legacy sidebar command palette shortcut badge.

^{Reviewed by Cursor Bugbot for commit 124ffcf. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Match settings search Kbd shortcut styling to command palette

Removes sidebar-specific styles (background color, ring/border, muted-foreground text color, right margin) from the / keyboard hint in SettingsSidebarNav.tsx, aligning it visually with the command palette shortcut badge.

^{Macroscope summarized 124ffcf.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: e08569c7-6450-46dd-ab3d-1475c2d3bb37

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 36ccab4

This is a purely cosmetic change removing some Tailwind CSS classes from a keyboard shortcut indicator to match styling with the command palette. No behavioral changes.

^{You can customize Macroscope's approvability policy. Learn more.}