diff --git a/site/_includes/skippy.html b/site/_includes/skippy.html
index ec7507d53273..4fb12b8bd09b 100644
--- a/site/_includes/skippy.html
+++ b/site/_includes/skippy.html
@@ -1,3 +1,8 @@
-
- Skip to main content
-
+
diff --git a/site/docs/4.5/assets/scss/_skippy.scss b/site/docs/4.5/assets/scss/_skippy.scss
index bd2aadb82a2d..894db70db4e7 100644
--- a/site/docs/4.5/assets/scss/_skippy.scss
+++ b/site/docs/4.5/assets/scss/_skippy.scss
@@ -1,17 +1,20 @@
+// stylelint-disable declaration-no-important
+
.skippy {
- display: block;
- padding: 1em;
- color: $white;
- text-align: center;
background-color: $bd-purple;
- outline: 0;
- @include hover() {
+ a {
color: $white;
}
-}
-.skippy-text {
- padding: .5em;
- outline: 1px dotted;
+ &:focus-within a {
+ position: static !important;
+ width: auto !important;
+ height: auto !important;
+ padding: $spacer / 2 !important;
+ margin: $spacer / 4 !important;
+ overflow: visible !important;
+ clip: auto !important;
+ white-space: normal !important;
+ }
}