diff --git a/docs/next-js/app/page.tsx b/docs/next-js/app/page.tsx
index eccecc8..5f4feeb 100644
--- a/docs/next-js/app/page.tsx
+++ b/docs/next-js/app/page.tsx
@@ -20,7 +20,7 @@ export default function Home() {
         </div>
         <LocalNetCDFMeta />
 
-        <div className="fixed top-2 right-4 z-50 flex items-center gap-2">
+        <div className="fixed top-4 right-16 z-50 flex items-center gap-2">
           <GithubButton />
         </div>
       </main>
diff --git a/docs/next-js/components/loading/GitHubButton.tsx b/docs/next-js/components/loading/GitHubButton.tsx
index 1640fb6..b20933d 100644
--- a/docs/next-js/components/loading/GitHubButton.tsx
+++ b/docs/next-js/components/loading/GitHubButton.tsx
@@ -10,13 +10,13 @@ export default function GithubButton() {
     <Tooltip delayDuration={500}>
       <TooltipTrigger asChild>
         <Link href="https://github.com/EarthyScience/netcdf4-wasm" aria-label="github" target="_blank" rel="noopener noreferrer">
-          <Button variant="ghost" size="icon" className="cursor-pointer hover:scale-90 transition-transform duration-100 ease-out">
-            <FaGithub className="size-6"/>
+          <Button variant="ghost" size="icon" className="cursor-pointer hover:scale-95 transition-transform duration-100 ease-out">
+            <FaGithub className="size-6"/> Give us a Star
           </Button>
         </Link>
       </TooltipTrigger>
-      <TooltipContent side="bottom" align="start">
-        github
+      <TooltipContent side="bottom" align="center">
+        View on GitHub
       </TooltipContent>
     </Tooltip>
   );