diff --git a/apps/web/app/(dash)/header/header.tsx b/apps/web/app/(dash)/header/header.tsx
index 9c225bc6..595666b0 100644
--- a/apps/web/app/(dash)/header/header.tsx
+++ b/apps/web/app/(dash)/header/header.tsx
@@ -6,6 +6,7 @@ import Logo from "../../../public/logo.svg";
 import { getChatHistory } from "../../actions/fetchers";
 import NewChatButton from "./newChatButton";
 import AutoBreadCrumbs from "./autoBreadCrumbs";
+import SignOutButton from "./signOutButton";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@repo/ui/shadcn/dropdown-menu";
 import { CaretDownIcon } from "@radix-ui/react-icons";
 
@@ -50,10 +51,15 @@ async function Header() {
 									>
 										{thread.firstMessage}
 									</Link>
-								</DropdownMenuItem>
+                  								</DropdownMenuItem>
 							))}
 						</DropdownMenuContent>
 					</DropdownMenu>
+
+					<SignOutButton />
+					</div>
+					
+
 				</div>
 			</div>
 		</div>
diff --git a/apps/web/app/(dash)/header/signOutButton.tsx b/apps/web/app/(dash)/header/signOutButton.tsx
new file mode 100644
index 00000000..3ef5fa2a
--- /dev/null
+++ b/apps/web/app/(dash)/header/signOutButton.tsx
@@ -0,0 +1,17 @@
+import { signOut } from "@/server/auth";
+import { Button } from "@repo/ui/shadcn/button";
+
+export default function SignOutButton() {
+	return (
+		<form
+			action={async () => {
+				"use server"
+				await signOut()
+			}}
+		>
+			<Button variant="ghost" size="sm" type="submit" className="text-[#7D8994]">
+				Sign Out
+			</Button>
+		</form>
+	);
+}
\ No newline at end of file