diff --git a/src/components/shared/header.tsx b/src/components/shared/header.tsx
index 1c540fe..cdc88a3 100644
--- a/src/components/shared/header.tsx
+++ b/src/components/shared/header.tsx
@@ -27,7 +27,7 @@ export const Header = () => {
             className={cn(
               "relative text-sm",
               route.href === normalize(pathname)
-                ? "font-bold before:scale-x-100 border-b-2 border-main"
+                ? "border-main border-b-2 font-bold before:scale-x-100"
                 : "link before:bg-foreground font-medium",
             )}
             href={route.href}
@@ -38,13 +38,9 @@ export const Header = () => {
         ))}
       </div>
       <div className="flex items-center gap-x-5">
-        <Button
-          onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
-          size="icon"
-          variant="outline"
-        >
+        <Button onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")} size="icon" variant="outline">
           <Moon className="size-4 dark:hidden" />
-          <Sun className="size-4 hidden dark:block" />
+          <Sun className="hidden size-4 dark:block" />
         </Button>
         <Button asChild>
           <Link href="/join-community">Join</Link>