diff --git a/frontend/src/@socketio/hooks.ts b/frontend/src/@modules/socketio/hooks.ts
similarity index 87%
rename from frontend/src/@socketio/hooks.ts
rename to frontend/src/@modules/socketio/hooks.ts
index 62f6ef1b3..ca550b5dc 100644
--- a/frontend/src/@socketio/hooks.ts
+++ b/frontend/src/@modules/socketio/hooks.ts
@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import Socketio from ".";
-import { log } from "../utilites/logger";
+import { log } from "../../utilites/logger";
 
 export function useSocketIOReducer(reducer: SocketIO.Reducer) {
   useEffect(() => {
diff --git a/frontend/src/@socketio/index.ts b/frontend/src/@modules/socketio/index.ts
similarity index 96%
rename from frontend/src/@socketio/index.ts
rename to frontend/src/@modules/socketio/index.ts
index e0a6bec3b..fd571b7eb 100644
--- a/frontend/src/@socketio/index.ts
+++ b/frontend/src/@modules/socketio/index.ts
@@ -1,7 +1,7 @@
 import { debounce, forIn, remove, uniq } from "lodash";
 import { io, Socket } from "socket.io-client";
-import { getBaseUrl } from "../utilites";
-import { conditionalLog, log } from "../utilites/logger";
+import { getBaseUrl } from "../../utilites";
+import { conditionalLog, log } from "../../utilites/logger";
 import { createDefaultReducer } from "./reducer";
 
 class SocketIOClient {
diff --git a/frontend/src/@socketio/reducer.ts b/frontend/src/@modules/socketio/reducer.ts
similarity index 97%
rename from frontend/src/@socketio/reducer.ts
rename to frontend/src/@modules/socketio/reducer.ts
index b13112abf..6aa684285 100644
--- a/frontend/src/@socketio/reducer.ts
+++ b/frontend/src/@modules/socketio/reducer.ts
@@ -22,8 +22,8 @@ import {
   systemMarkTasksDirty,
   systemUpdateAllSettings,
   systemUpdateLanguages,
-} from "../@redux/actions";
-import reduxStore from "../@redux/store";
+} from "../../@redux/actions";
+import reduxStore from "../../@redux/store";
 
 function bindReduxAction<T extends ActionCreator<any>>(action: T) {
   return (...args: Parameters<T>) => {
diff --git a/frontend/src/App/index.tsx b/frontend/src/App/index.tsx
index 97c5e054c..3cadff45c 100644
--- a/frontend/src/App/index.tsx
+++ b/frontend/src/App/index.tsx
@@ -10,11 +10,11 @@ import { Provider } from "react-redux";
 import { Route, Switch } from "react-router";
 import { BrowserRouter, Redirect } from "react-router-dom";
 import { useEffectOnceWhen } from "rooks";
+import Socketio from "../@modules/socketio";
 import { useReduxStore } from "../@redux/hooks/base";
 import { useNotification } from "../@redux/hooks/site";
 import store from "../@redux/store";
 import "../@scss/index.scss";
-import Socketio from "../@socketio";
 import { LoadingIndicator, ModalProvider } from "../components";
 import Sidebar from "../Sidebar";
 import Auth from "../special-pages/AuthPage";