diff --git a/web/src/pages/next-chats/chat/conversation-dropdown.tsx b/web/src/pages/next-chats/chat/conversation-dropdown.tsx
index 83193f57c..27bed0a7e 100644
--- a/web/src/pages/next-chats/chat/conversation-dropdown.tsx
+++ b/web/src/pages/next-chats/chat/conversation-dropdown.tsx
@@ -14,16 +14,28 @@ import { useTranslation } from 'react-i18next';
 export function ConversationDropdown({
   children,
   conversation,
+  removeTemporaryConversation,
 }: PropsWithChildren & {
   conversation: IConversation;
+  removeTemporaryConversation?: (conversationId: string) => void;
 }) {
   const { t } = useTranslation();
 
   const { removeConversation } = useRemoveConversation();
 
   const handleDelete: MouseEventHandler<HTMLDivElement> = useCallback(() => {
-    removeConversation([conversation.id]);
-  }, [conversation.id, removeConversation]);
+    if (conversation.is_new && removeTemporaryConversation) {
+      removeTemporaryConversation(conversation.id);
+      removeConversation([]);
+    } else {
+      removeConversation([conversation.id]);
+    }
+  }, [
+    conversation.id,
+    conversation.is_new,
+    removeConversation,
+    removeTemporaryConversation,
+  ]);
 
   return (
     <DropdownMenu>
diff --git a/web/src/pages/next-chats/chat/sessions.tsx b/web/src/pages/next-chats/chat/sessions.tsx
index 98b707374..15433b38d 100644
--- a/web/src/pages/next-chats/chat/sessions.tsx
+++ b/web/src/pages/next-chats/chat/sessions.tsx
@@ -29,6 +29,7 @@ export function Sessions({
   const {
     list: conversationList,
     addTemporaryConversation,
+    removeTemporaryConversation,
     handleInputChange,
     searchString,
   } = useSelectDerivedConversationList();
@@ -97,7 +98,10 @@ export function Sessions({
           >
             <CardContent className="px-3 py-2 flex justify-between items-center group gap-1">
               <div className="truncate">{x.name}</div>
-              <ConversationDropdown conversation={x}>
+              <ConversationDropdown
+                conversation={x}
+                removeTemporaryConversation={removeTemporaryConversation}
+              >
                 <MoreButton></MoreButton>
               </ConversationDropdown>
             </CardContent>
diff --git a/web/src/pages/next-chats/hooks/use-select-conversation-list.ts b/web/src/pages/next-chats/hooks/use-select-conversation-list.ts
index a40c57a0c..a37d3078b 100644
--- a/web/src/pages/next-chats/hooks/use-select-conversation-list.ts
+++ b/web/src/pages/next-chats/hooks/use-select-conversation-list.ts
@@ -80,6 +80,14 @@ export const useSelectDerivedConversationList = () => {
     });
   }, [conversationList, dialogId, prologue, t, setNewConversationRouteParams]);
 
+  const removeTemporaryConversation = useCallback((conversationId: string) => {
+    setList((prevList) => {
+      return prevList.filter(
+        (conversation) => conversation.id !== conversationId,
+      );
+    });
+  }, []);
+
   // When you first enter the page, select the top conversation card
 
   useEffect(() => {
@@ -89,6 +97,7 @@ export const useSelectDerivedConversationList = () => {
   return {
     list,
     addTemporaryConversation,
+    removeTemporaryConversation,
     loading,
     handleInputChange,
     searchString,