diff --git a/docker/showerloop/public/css/custom.css b/docker/showerloop/public/css/custom.css
index 985a82b..ee66d23 100644
--- a/docker/showerloop/public/css/custom.css
+++ b/docker/showerloop/public/css/custom.css
@@ -14,19 +14,36 @@ a { color: #EB2078; }
 
 /* Fix skip-to-content accessibility styling */
 .skip-to-content {
+    background: #EB2078;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: inset(50%);
+    position: absolute;
+    padding: 0;
+    margin: -1px;
+    border: 0;
+    z-index: -999;
+}
+
+.skip-to-content:focus {
     background: #EB2078;
     height: 50px;
     line-height: 50px;
     font-size: 20px;
-    position: absolute;
-    top: 0;
-    left: -999px;
+    color: white;
+    text-align: center;
+    clip: auto;
+    clip-path: none;
     width: 100%;
     z-index: 9999;
-    transition: left 0.3s;
-}
-.skip-to-content:focus {
+    position: fixed;
+    top: 0;
     left: 0;
+    margin: 0;
+    padding: 0;
+    outline: 3px solid black;
 }
 
 /* Video.js custom styling */