diff --git a/frontend/src/ui/SkyNavbar.test.ts b/frontend/src/ui/SkyNavbar.test.ts index 920955a..29e6c54 100644 --- a/frontend/src/ui/SkyNavbar.test.ts +++ b/frontend/src/ui/SkyNavbar.test.ts @@ -268,6 +268,9 @@ describe('SkyNavbar', () => { expect(controlsStyles).toMatch( /\.sky-navbar-back-link:active:not\(:disabled\)\s*\{[^}]*opacity:\s*0\.5;[^}]*transition-duration:\s*0ms;/s, ) + expect(controlsStyles).toMatch( + /\.sky-navbar-back-link__chevron\s*\{[^}]*width:\s*12px;[^}]*height:\s*12px;[^}]*display:\s*block;/s, + ) expect(controlsStyles).not.toMatch( /\.sky-navbar-back-link:active:not\(:disabled\)\s*\{[^}]*--sky-app-accent-soft/s, ) diff --git a/frontend/src/ui/controls.css b/frontend/src/ui/controls.css index 48405da..d36cc55 100644 --- a/frontend/src/ui/controls.css +++ b/frontend/src/ui/controls.css @@ -2938,6 +2938,7 @@ label.sky-list-item__row { .sky-navbar-back-link__chevron { width: 12px; height: 12px; + display: block; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(45deg);