diff --git a/apps/website/src/components/Header.css b/apps/website/src/components/Header.css
index 729194799..214a688cf 100644
--- a/apps/website/src/components/Header.css
+++ b/apps/website/src/components/Header.css
@@ -53,6 +53,20 @@ header {
     }
 }
 
+.repository-button a {
+    display: flex;
+    color: currentColor;
+
+    &:hover {
+        color: var(--brand-1);
+        text-decoration: none;
+    }
+
+    .counter {
+        margin-inline-start: 4px;
+    }
+}
+
 @media (max-width: 719px) {
     :root {
         --header-height: 60px;
diff --git a/apps/website/src/components/Header.tsx b/apps/website/src/components/Header.tsx
index 3448e8f73..07c6a2cba 100644
--- a/apps/website/src/components/Header.tsx
+++ b/apps/website/src/components/Header.tsx
@@ -60,9 +60,7 @@ export function Header(props: {repoStargazersCount: number}) {
                     <SocialButtons className="mobile-only" withText />
                 </nav>
 
-                <DownloadButton />
-                
-                <div class="desktop-only">
+                <div class="desktop-only repository-button">
                     <SocialButton
                         name="GitHub"
                         iconSvg={githubIcon}
@@ -71,6 +69,8 @@ export function Header(props: {repoStargazersCount: number}) {
                     />
                 </div>
 
+                <DownloadButton />
+
             </div>
 		</header>
 	);