diff --git a/src/components/Header.astro b/src/components/Header.astro
index 6d8bad9..67a9449 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -95,7 +95,7 @@ const { activeNav } = Astro.props;
 
 <style>
   #skip-to-content {
-    @apply bg-skin-card py-2 px-3 absolute -top-full focus:top-4 left-16 z-50 transition-all;
+    @apply bg-skin-accent text-skin-inverted py-2 px-3 absolute -top-full focus:top-4 left-16 z-50 transition-all;
   }
   header hr {
     @apply border-skin-line mx-4 max-w-3xl sm:mx-auto;