diff --git a/src/components/users/Avatars.tsx b/src/components/editor/Avatars.tsx
similarity index 100%
rename from src/components/users/Avatars.tsx
rename to src/components/editor/Avatars.tsx
diff --git a/src/components/editor/editor.tsx b/src/components/editor/editor.tsx
index 509f9dd..4e03ec3 100644
--- a/src/components/editor/editor.tsx
+++ b/src/components/editor/editor.tsx
@@ -17,7 +17,7 @@ import * as Y from "yjs";
 import LiveblocksProvider from "@liveblocks/yjs";
 import { useRoom, useSelf } from "@/liveblocks.config";
 import { useEffect, useRef, useState } from "react";
-import { Avatars } from "@/components/users/Avatars";
+import { Avatars } from "@/components/editor/Avatars";
 import { useTheme } from "next-themes";
 import { AddContributor } from "../add-contributor";
 import { useEdgeStore } from "@/lib/edgestore";
diff --git a/src/components/layout/site-header.tsx b/src/components/layout/site-header.tsx
index 685ceed..bc57d22 100644
--- a/src/components/layout/site-header.tsx
+++ b/src/components/layout/site-header.tsx
@@ -5,6 +5,9 @@ import { currentUser } from "@/server/auth";
 import { ThemeToggle } from "../theme/theme-toggle";
 import { LoginButton } from "../auth/login-button";
 import { Button } from "../ui/button";
+import Link from "next/link";
+import { links } from "@/config/site-config";
+import { GitHubLogoIcon } from "@radix-ui/react-icons";
 
 export async function SiteHeader() {
   const user = await currentUser();
@@ -23,6 +26,11 @@ export async function SiteHeader() {
               </LoginButton>
             )}
             <ThemeToggle />
+            <Button asChild variant="ghost" size="icon" className="rounded-full">
+              <Link href={links.github}>
+                <GitHubLogoIcon className="h-[1.2rem] w-[1.2rem]"/>
+              </Link>
+            </Button>
           </nav>
         </div>
       </div>
diff --git a/src/components/theme/theme-toggle.tsx b/src/components/theme/theme-toggle.tsx
index bdffb89..1e4dd16 100644
--- a/src/components/theme/theme-toggle.tsx
+++ b/src/components/theme/theme-toggle.tsx
@@ -17,7 +17,7 @@ export function ThemeToggle() {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="ghost" size="icon">
+        <Button variant="ghost" size="icon" className="rounded-full">
           <SunIcon className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
           <MoonIcon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
           <span className="sr-only">Toggle theme</span>
diff --git a/src/components/user/user-menu.tsx b/src/components/user/user-menu.tsx
index 79d0e49..9678067 100644
--- a/src/components/user/user-menu.tsx
+++ b/src/components/user/user-menu.tsx
@@ -29,8 +29,8 @@ const UserMenu = ({ user }: { user: ExtendedUser }) => {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="outline" size="icon" className="rounded-full">
-          <Avatar className="flex h-full w-full items-center justify-center">
+        <Button variant="ghost" size="icon" className="rounded-full">
+          <Avatar className="flex h-[1.2rem] w-[1.2rem] items-center justify-center">
             <AvatarImage src={user.image ?? ""} />
             <AvatarFallback className="bg-primary">
               <FaUser className="text-primary-foreground" />