diff --git a/client/src/api/index.ts b/client/src/api/index.ts
index bfcb0ee4..b8939f29 100644
--- a/client/src/api/index.ts
+++ b/client/src/api/index.ts
@@ -58,6 +58,8 @@ instance.interceptors.response.use(
             originalRequest.headers["Authorization"] = `Bearer ${newAccessToken.accessToken}`;
             return instance(originalRequest);
           } catch (error) {
+            await signOut();
+            useConnectionStore.getState().logout();
             return Promise.reject(error);
           }
         }
diff --git a/client/src/store/createAuthSlice.ts b/client/src/store/createAuthSlice.ts
index 2e9bbe7e..300eeaf7 100644
--- a/client/src/store/createAuthSlice.ts
+++ b/client/src/store/createAuthSlice.ts
@@ -22,6 +22,7 @@ export const createAuthSlice: StateCreator<ConnectionStore, [], [], AuthSlice> =
   logout: () => {
     set({ email: null, name: null, token: "" });
     get().resetOwnedMindMap();
+    location.href = "/";
   },
 
   setUser: (email: string, name: string, id: number) => {
diff --git a/client/src/store/createSharedSlice.ts b/client/src/store/createSharedSlice.ts
index 02c02fa2..6df989d9 100644
--- a/client/src/store/createSharedSlice.ts
+++ b/client/src/store/createSharedSlice.ts
@@ -20,6 +20,7 @@ export const createSharedSlice: StateCreator<ConnectionStore, [], [], SharedSlic
       get().token
         ? get().addOwnedMindMap(newMindMapConnectionId)
         : get().addOwnedMindMapForGuest(newMindMapConnectionId);
+      get().connectSocket(newMindMapConnectionId);
       navigate(`/mindmap/${newMindMapConnectionId}?mode=${targetMode}`);
     } catch (error) {
       throw error;
diff --git a/client/src/store/createSocketSlice.ts b/client/src/store/createSocketSlice.ts
index 39203952..62f57ea8 100644
--- a/client/src/store/createSocketSlice.ts
+++ b/client/src/store/createSocketSlice.ts
@@ -103,7 +103,6 @@ export const createSocketSlice: StateCreator<ConnectionStore, [], [], SocketSlic
       if (socket) socket.disconnect();
       const response = await createMindmap();
       const connectionId = response.data.connectionId;
-      get().connectSocket(connectionId);
       return connectionId;
     } catch (error) {
       throw error;
diff --git a/client/src/utils/formData.ts b/client/src/utils/formData.ts
index 530ee213..c49590b2 100644
--- a/client/src/utils/formData.ts
+++ b/client/src/utils/formData.ts
@@ -1,7 +1,12 @@
 export function audioFormData(file: File, mindmapId: string, connectionId: string) {
   const formData = new FormData();
-  formData.append("aiAudio", file);
+
+  const encodedFileName = encodeURIComponent(file.name);
+  const encodedFile = new File([file], encodedFileName, { type: file.type });
+
+  formData.append("aiAudio", encodedFile);
   formData.append("mindmapId", mindmapId);
   formData.append("connectionId", connectionId);
+
   return formData;
 }