Fixes for #46

apps/dispatch/app/_components/left/Chat.tsx

@@ -70,7 +70,14 @@ export const Chat = () => {
 					tabIndex={0}
 					className="dropdown-content card bg-base-200 w-150 shadow-md z-[1100] max-h-[400px] ml-2 border-1 border-primary"
 				>
-					<div className="card-body overflow-y-auto">
+					<div className="card-body relative">
+						<button
+							className="absolute top-2 right-2 btn btn-xs btn-circle btn-ghost"
+							onClick={() => setChatOpen(false)}
+							type="button"
+						>
+							<span className="text-xl leading-none">&times;</span>
+						</button>
 						<h2 className="inline-flex items-center gap-2 text-lg font-bold mb-2">
 							<ChatBubbleIcon /> Chat
 						</h2>