(tailwindcss) Мои элементы боковой панели, правая граница выглядит по-разному в разных браузерах ⇐ CSS

[Гость]

Правая граница элемента боковой панели выглядит по-разному в разных браузерах. В моем случае Mozilla и Chrome. Так как же мне решить эту проблему?

Вот изображения из Mozilla и Chrome ниже Из Mozilla Посмотреть изображение Из изображения Chrome.

"использовать клиент"; импортировать {cn} из "@/lib/utils"; импортировать { LucideIcon } из "lucid-react" импортировать {usePathname, useRouter} из «следующего/навигации»; интерфейс SidebarItemProps { значок: ЛюцидИкон; метка: строка; href: строка; } Export const SidebarItem = ({ icon: Icon, label, href }: SidebarItemProps) => { константный путь = usePathname() константный маршрутизатор = useRouter() константа isActive = (путь === "/" && href === "/") || путь === href || путь?.startsWith(`${href}/`) const onClick = () => { router.push(href) } возвращаться ( {этикетка} {/* Правая активная граница */} ) } Я хочу видеть тот же результат в Mozilla и Chrome