diff --git a/src/lib/components/skip-nav.svelte b/src/lib/components/skip-nav.svelte
index cc22ccdee..7257f23c9 100644
--- a/src/lib/components/skip-nav.svelte
+++ b/src/lib/components/skip-nav.svelte
@@ -6,7 +6,7 @@
 <Link
   id="skip-nav"
   href="#content"
-  class="absolute left-1/2 translate-y-[-100%] focus:translate-y-0 z-[100] p-1"
+  class="absolute left-1/2 -translate-y-full focus:translate-y-0 z-100 p-1"
 >
   {translate('skip-nav')}
 </Link>
diff --git a/src/lib/i18n/locales/en/common.ts b/src/lib/i18n/locales/en/common.ts
index cf344ab2f..217fc8660 100644
--- a/src/lib/i18n/locales/en/common.ts
+++ b/src/lib/i18n/locales/en/common.ts
@@ -135,5 +135,5 @@ export const Strings = {
   'time-unit': 'Time Unit',
   'based-on-time-preface': 'Based on',
   'download-json': 'Download JSON',
-  'skip-nav': 'Skip to main content',
+  'skip-nav': 'Skip to Main Content',
 } as const;
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 32607a7a8..a0e34dc1f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -20,6 +20,9 @@ const config = {
       boxShadow: {
         focus: '0 0 0 4px',
       },
+      zIndex: {
+        100: '100',
+      },
     },
   },
   plugins: [],