fix: remove extra mx-2 from SidebarSeparator to prevent border overflow in Tailwind v4 #7270
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix Sidebar Separator Overflow Issue
This PR fixes a visual bug where the horizontal separator in the sidebar extended beyond the border after upgrading to Tailwind CSS v4 and React 19.
Issue Description
The
mx-2
class on theSidebarSeparator
component caused the separator to overflow the sidebar border, creating unwanted spacing and visual inconsistency.Solution
Removed the
mx-2
class from theSidebarSeparator
component. The separator now aligns properly with the sidebar borders.Testing Instructions
Expected Results