diff --git a/bun.lockb b/bun.lockb
index 263389b0..69ef0f39 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/web/components/custom/discordIcon.tsx b/web/components/custom/discordIcon.tsx
new file mode 100644
index 00000000..9311a3e0
--- /dev/null
+++ b/web/components/custom/discordIcon.tsx
@@ -0,0 +1,23 @@
+export const DiscordIcon = () => (
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path
+			d="M5.9143 7.38378L4.93679 14.6174C4.82454 15.448 5.24219 16.2606 5.983 16.6528L8.99995 18.25L9.99995 15.75C9.99995 15.75 10.6562 16.25 11.9999 16.25C13.3437 16.25 13.9999 15.75 13.9999 15.75L14.9999 18.25L18.0169 16.6528C18.7577 16.2606 19.1754 15.448 19.0631 14.6174L18.0856 7.38378C18.0334 6.99739 17.7613 6.67658 17.3887 6.56192L14.7499 5.75003V6.25003C14.7499 6.80232 14.3022 7.25003 13.7499 7.25003H10.2499C9.69766 7.25003 9.24995 6.80232 9.24995 6.25003V5.75003L6.61122 6.56192C6.23855 6.67658 5.96652 6.99739 5.9143 7.38378Z"
+			stroke="currentColor"
+			stroke-width="1.5"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		></path>
+		<path
+			d="M10.5 12C10.5 12.2761 10.2761 12.5 10 12.5C9.72386 12.5 9.5 12.2761 9.5 12C9.5 11.7239 9.72386 11.5 10 11.5C10.2761 11.5 10.5 11.7239 10.5 12Z"
+			stroke="currentColor"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		></path>
+		<path
+			d="M14.5 12C14.5 12.2761 14.2761 12.5 14 12.5C13.7239 12.5 13.5 12.2761 13.5 12C13.5 11.7239 13.7239 11.5 14 11.5C14.2761 11.5 14.5 11.7239 14.5 12Z"
+			stroke="currentColor"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		></path>
+	</svg>
+)
diff --git a/web/components/custom/sidebar/partial/profile-section.tsx b/web/components/custom/sidebar/partial/profile-section.tsx
index 97ad4a7c..2f768c5d 100644
--- a/web/components/custom/sidebar/partial/profile-section.tsx
+++ b/web/components/custom/sidebar/partial/profile-section.tsx
@@ -1,4 +1,5 @@
 import { LaIcon } from "@/components/custom/la-icon"
+import { DiscordIcon } from "../../discordIcon"
 import { useState } from "react"
 import { SignInButton, useAuth, useUser } from "@clerk/nextjs"
 import {
@@ -97,6 +98,16 @@ export const ProfileSection: React.FC = () => {
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
 
+							<DropdownMenuItem asChild>
+								<Link className="cursor-pointer" href="https://discord.com/invite/bxtD8x6aNF">
+									<div className="relative -ml-1 flex flex-1 items-center gap-2">
+										<DiscordIcon />
+										<span className="line-clamp-1 flex-1">Discord</span>
+									</div>
+								</Link>
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+
 							<DropdownMenuItem onClick={() => signOut()}>
 								<div className="relative flex flex-1 cursor-pointer items-center gap-2">
 									<LaIcon name="LogOut" />