diff --git a/frontend/src/components/ChatHistoryList.tsx b/frontend/src/components/ChatHistoryList.tsx
index c86bc3af3..67c1a6152 100644
--- a/frontend/src/components/ChatHistoryList.tsx
+++ b/frontend/src/components/ChatHistoryList.tsx
@@ -8,6 +8,7 @@ import {
   DropdownMenuTrigger
 } from "@/components/ui/dropdown-menu";
 import { RenameChatDialog } from "@/components/RenameChatDialog";
+import { DeleteChatDialog } from "@/components/DeleteChatDialog";
 import { useOpenAI } from "@/ai/useOpenAi";
 import { useOpenSecret } from "@opensecret/react";
 import { useRouter } from "@tanstack/react-router";
@@ -47,6 +48,7 @@ export function ChatHistoryList({
   const queryClient = useQueryClient();
   const localState = useContext(LocalStateContext);
   const [isRenameDialogOpen, setIsRenameDialogOpen] = useState(false);
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
   const [selectedChat, setSelectedChat] = useState<{ id: string; title: string } | null>(null);
   const [isArchivedExpanded, setIsArchivedExpanded] = useState(false);
 
@@ -330,6 +332,17 @@ export function ChatHistoryList({
     setIsRenameDialogOpen(true);
   }, []);
 
+  const handleOpenDeleteDialog = useCallback((conv: Conversation) => {
+    const title = conv.metadata?.title || "Untitled Chat";
+    setSelectedChat({ id: conv.id, title });
+    setIsDeleteDialogOpen(true);
+  }, []);
+
+  const handleOpenDeleteDialogArchived = useCallback((chat: ArchivedChat) => {
+    setSelectedChat({ id: chat.id, title: chat.title });
+    setIsDeleteDialogOpen(true);
+  }, []);
+
   // Handle conversation renaming via API
   const handleRenameConversation = useCallback(
     async (conversationId: string, newTitle: string) => {
@@ -467,7 +480,7 @@ export function ChatHistoryList({
                   <Pencil className="mr-2 h-4 w-4" />
                   <span>Rename Chat</span>
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => handleDeleteConversation(conv.id)}>
+                <DropdownMenuItem onClick={() => handleOpenDeleteDialog(conv)}>
                   <Trash className="mr-2 h-4 w-4" />
                   <span>Delete Chat</span>
                 </DropdownMenuItem>
@@ -544,7 +557,7 @@ export function ChatHistoryList({
                           <Pencil className="mr-2 h-4 w-4" />
                           <span>Rename Chat</span>
                         </DropdownMenuItem>
-                        <DropdownMenuItem onClick={() => handleDeleteConversation(chat.id)}>
+                        <DropdownMenuItem onClick={() => handleOpenDeleteDialogArchived(chat)}>
                           <Trash className="mr-2 h-4 w-4" />
                           <span>Delete Chat</span>
                         </DropdownMenuItem>
@@ -560,13 +573,21 @@ export function ChatHistoryList({
       )}
 
       {selectedChat && (
-        <RenameChatDialog
-          open={isRenameDialogOpen}
-          onOpenChange={setIsRenameDialogOpen}
-          chatId={selectedChat.id}
-          currentTitle={selectedChat.title}
-          onRename={handleRenameConversation}
-        />
+        <>
+          <RenameChatDialog
+            open={isRenameDialogOpen}
+            onOpenChange={setIsRenameDialogOpen}
+            chatId={selectedChat.id}
+            currentTitle={selectedChat.title}
+            onRename={handleRenameConversation}
+          />
+          <DeleteChatDialog
+            open={isDeleteDialogOpen}
+            onOpenChange={setIsDeleteDialogOpen}
+            chatTitle={selectedChat.title}
+            onConfirm={() => handleDeleteConversation(selectedChat.id)}
+          />
+        </>
       )}
     </>
   );
diff --git a/frontend/src/components/ComparisonChart.tsx b/frontend/src/components/ComparisonChart.tsx
index e9176c924..d13187aa9 100644
--- a/frontend/src/components/ComparisonChart.tsx
+++ b/frontend/src/components/ComparisonChart.tsx
@@ -169,13 +169,11 @@ export function ComparisonChart() {
               {/* Header Row */}
               <div
                 className="grid border-b border-[hsl(var(--marketing-card-border))]"
-                style={{ 
+                style={{
                   gridTemplateColumns: "minmax(200px, 1.5fr) repeat(6, minmax(80px, 1fr))"
                 }}
               >
-                <div className="p-3 font-medium text-foreground bg-[hsl(var(--marketing-card-highlight))]/30 text-sm">
-                  
-                </div>
+                <div className="p-3 font-medium text-foreground bg-[hsl(var(--marketing-card-highlight))]/30 text-sm"></div>
                 {products.map((product) => (
                   <div
                     key={product.key}
@@ -197,7 +195,7 @@ export function ComparisonChart() {
                   className={`grid border-b border-[hsl(var(--marketing-card-border))] ${
                     index % 2 === 0 ? "bg-[hsl(var(--marketing-card-highlight))]/20" : ""
                   }`}
-                  style={{ 
+                  style={{
                     gridTemplateColumns: "minmax(200px, 1.5fr) repeat(6, minmax(80px, 1fr))"
                   }}
                 >
diff --git a/frontend/src/components/DeleteChatDialog.tsx b/frontend/src/components/DeleteChatDialog.tsx
new file mode 100644
index 000000000..d9ee8b41d
--- /dev/null
+++ b/frontend/src/components/DeleteChatDialog.tsx
@@ -0,0 +1,52 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle
+} from "@/components/ui/alert-dialog";
+
+interface DeleteChatDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onConfirm: () => void;
+  chatTitle: string;
+}
+
+export function DeleteChatDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  chatTitle
+}: DeleteChatDialogProps) {
+  const handleConfirm = (e: React.MouseEvent) => {
+    e.preventDefault();
+    onConfirm();
+    onOpenChange(false);
+  };
+
+  return (
+    <AlertDialog open={open} onOpenChange={onOpenChange}>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>Are you sure you want to delete this chat?</AlertDialogTitle>
+          <AlertDialogDescription>
+            This will permanently delete "{chatTitle}". This action cannot be undone.
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogAction
+            onClick={handleConfirm}
+            className="bg-destructive text-white hover:bg-destructive/90"
+          >
+            Delete
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}