diff --git a/frontend/src/hooks/mutation/use-delete-conversation.ts b/frontend/src/hooks/mutation/use-delete-conversation.ts
index e654cd6d7e..534d832e22 100644
--- a/frontend/src/hooks/mutation/use-delete-conversation.ts
+++ b/frontend/src/hooks/mutation/use-delete-conversation.ts
@@ -1,6 +1,15 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import ConversationService from "#/api/conversation-service/conversation-service.api";
 
+const cleanupConversationLocalStorage = (conversationId: string) => {
+  const keysToRemove = [
+    `conversation-right-panel-shown-${conversationId}`,
+    `conversation-selected-tab-${conversationId}`,
+    `conversation-unpinned-tabs-${conversationId}`,
+  ];
+  keysToRemove.forEach((key) => localStorage.removeItem(key));
+};
+
 export const useDeleteConversation = () => {
   const queryClient = useQueryClient();
 
@@ -32,6 +41,9 @@ export const useDeleteConversation = () => {
         );
       }
     },
+    onSuccess: (_, variables) => {
+      cleanupConversationLocalStorage(variables.conversationId);
+    },
     onSettled: () => {
       queryClient.invalidateQueries({ queryKey: ["user", "conversations"] });
     },