scripts/core/ui/components/Nav/style.scss
.navbtn {
// The same style as navbtn--text-only, except this one has a border
// and aligns the icon from the top of the text
&--text-with-icon {
width: auto;
line-height: 4.8rem;
padding: 0 20px;
font-size: 1.5rem;
border: 0;
border-inline-start: 1px solid var(--sd-colour-line--light) !important;
i {
vertical-align: text-top !important;
margin-inline-end: 0.6rem;
}
}
.badge {
position: absolute;
inset-block-start: 5px;
inset-inline-end: 5px;
z-index: 2;
}
}