From bd749115f9ac35ba0ec55db9ab8181c93e4d143f Mon Sep 17 00:00:00 2001
From: Theodorus Clarence <theodorusclarence@gmail.com>
Date: Thu, 23 Dec 2021 12:20:26 +0700
Subject: [PATCH] fix: skip to content button is transparent

---
 src/components/layout/Header.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 0c089bd8..abf61ce3 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -47,10 +47,11 @@ export default function Header({ large = false }: HeaderProps) {
         className={clsx(
           'p-2 rounded-sm transition',
           'font-medium text-black dark:text-white',
+          'bg-white dark:bg-dark',
           'group dark:hover:text-primary-300',
-          'focus:outline-none focus-visible:ring focus-visible:ring-primary-300',
+          'focus:ring focus:ring-primary-300 focus:outline-none',
           'absolute top-4 left-4',
-          '-translate-y-12 focus:translate-y-0'
+          '-translate-y-16 focus:translate-y-0'
         )}
       >
         <Accent>Skip to main content</Accent>