diff --git a/apps/landing/src/main.tsx b/apps/landing/src/main.tsx
index c232f8484..99d6f3d69 100644
--- a/apps/landing/src/main.tsx
+++ b/apps/landing/src/main.tsx
@@ -14,15 +14,14 @@ function App() {
   return (
     <Suspense fallback={<p>Loading...</p>}>
       <div className="dark:bg-black dark:text-white ">
-        <a
-          tabIndex={1}
-          className="duration-200 -translate-y-16 focus:translate-y-0 fixed ml-8 mt-3 left-0 z-50"
+        <Button
           href="#content"
+          className="cursor-pointer duration-200 -translate-y-16 focus:translate-y-0 fixed ml-8 mt-3 left-0 z-50"
+          variant="gray"
         >
-          <Button className="cursor-pointer " variant="gray">
-            Skip to content
-          </Button>
-        </a>
+          Skip to content
+        </Button>
+
         <NavBar />
         <div className="container z-10 flex flex-col items-center px-4 mx-auto overflow-x-hidden sm:overflow-x-visible ">
           {useRoutes(routes)}