diff --git a/Client/src/App.jsx b/Client/src/App.jsx
index 03c406a6c..772c1aa45 100644
--- a/Client/src/App.jsx
+++ b/Client/src/App.jsx
@@ -39,7 +39,7 @@ import { getAppSettings } from "./Features/Settings/settingsSlice";
 import { logger } from "./Utils/Logger"; // Import the logger
 import { networkService } from "./main";
 import { Infrastructure } from "./Pages/Infrastructure";
-import InfrastructureDetails from "./Pages/Infrastructure/details";
+import InfrastructureDetails from "./Pages/Infrastructure/Details";
 function App() {
 	const AdminCheckedRegister = withAdminCheck(Register);
 	const MonitorsWithAdminProp = withAdminProp(Monitors);
diff --git a/Client/src/Pages/Infrastructure/details/index.jsx b/Client/src/Pages/Infrastructure/Details/index.jsx
similarity index 100%
rename from Client/src/Pages/Infrastructure/details/index.jsx
rename to Client/src/Pages/Infrastructure/Details/index.jsx