Remove Sidebar border-r on sidebar-container

[kinglycodes]

Hey folks, how can I remove the white 1px border-r on the Sidebar component on mobile? Tried several options with gloabl css, tailwind classes, inline styles. Nothing hides the border if [data-side]="left".

[SiddDevZ]

The border comes from the default border-r when side="left" is used. To remove it on mobile, add sm:border-r border-none to override it with Tailwind. If that doesn’t work, use CSS with [data-side="left"] { border-right: none !important; } to force it off. Sometimes you need !important because Radix styles override Tailwind.