diff --git a/docker/showerloop/public/css/custom.css b/docker/showerloop/public/css/custom.css
index 2d87af9..985a82b 100644
--- a/docker/showerloop/public/css/custom.css
+++ b/docker/showerloop/public/css/custom.css
@@ -12,7 +12,22 @@ a { color: #EB2078; }
 .contact-form .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: #EB2078;}
 .contact-form .mdl-textfield__label:after { background-color: #EB2078; }
 
-.skip-to-content { background: #EB2078; height: 50px; line-height: 50px; font-size: 20px; }
+/* Fix skip-to-content accessibility styling */
+.skip-to-content {
+    background: #EB2078;
+    height: 50px;
+    line-height: 50px;
+    font-size: 20px;
+    position: absolute;
+    top: 0;
+    left: -999px;
+    width: 100%;
+    z-index: 9999;
+    transition: left 0.3s;
+}
+.skip-to-content:focus {
+    left: 0;
+}
 
 /* Video.js custom styling */
 .video-container {