fix: sidebar-title-icon-misalignment

[vishwajeet-13]

Before - title and icon are misaligned

After -

Screen.Recording.2026-02-19.at.6.06.13.PM.mov

Closes- #555

Summary by CodeRabbit

• Style
  • Improved title layout flexibility to enable dynamic width adjustment within flex containers while preserving text truncation capabilities.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

---

Walkthrough

A CSS class modification was made to the title span element in the NestedDraggable component. The span's class attribute was updated to include additional flex layout classes (flex-1 and min-w-0). This change alters how the title span element behaves within its flex container, allowing it to expand flexibly and set a minimum width of zero to support proper flex item sizing. The existing text styling and truncation behavior remain intact.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix: sidebar-title-icon-misalignment' directly matches the main change in the PR, which adds flex-related classes to fix the alignment issue between sidebar titles and icons.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

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 and usage tips.}