diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css index 7d1f6a812f8f..1fc54e28e641 100644 --- a/core/themes/olivero/css/components/skip-link.css +++ b/core/themes/olivero/css/components/skip-link.css @@ -43,3 +43,11 @@ .skip-link:after { content: "\0020 ➔"; } + +.skip-link.focusable:focus { + position: absolute !important; /* Override position from module file. */ + z-index: 503; + width: 100%; + height: 2.5rem; + outline: none; +} diff --git a/core/themes/olivero/css/components/skip-link.pcss.css b/core/themes/olivero/css/components/skip-link.pcss.css index 08eac889f9e1..dfd5330f82d8 100644 --- a/core/themes/olivero/css/components/skip-link.pcss.css +++ b/core/themes/olivero/css/components/skip-link.pcss.css @@ -23,3 +23,11 @@ content: "\0020 ➔"; } } + +.skip-link.focusable:focus { + position: absolute !important; /* Override position from module file. */ + z-index: 503; + width: 100%; + height: 40px; + outline: none; +}