diff --git a/src/rfront/front/App.css b/src/rfront/front/components/App.css
similarity index 100%
rename from src/rfront/front/App.css
rename to src/rfront/front/components/App.css
diff --git a/src/rfront/front/App.js b/src/rfront/front/components/App.js
similarity index 94%
rename from src/rfront/front/App.js
rename to src/rfront/front/components/App.js
index 890fc6f..a2b6435 100644
--- a/src/rfront/front/App.js
+++ b/src/rfront/front/components/App.js
@@ -1,6 +1,6 @@
 import "./App.css";
-import Messages from "./components/Messages";
-import TextField from "./components/TextField";
+import Messages from "./Messages";
+import TextField from "./TextField";
 import { useEffect, useState } from "react";
 import { io } from "socket.io-client";
 
diff --git a/src/rfront/front/index.js b/src/rfront/front/index.js
index a64e7d5..ad010a7 100644
--- a/src/rfront/front/index.js
+++ b/src/rfront/front/index.js
@@ -1,7 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "./index.css";
-import App from "./App";
+import App from './components/App';
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<App />);
diff --git a/src/rfront/front/index.css b/src/rfront/public/style.css
similarity index 100%
rename from src/rfront/front/index.css
rename to src/rfront/public/style.css
diff --git a/src/rfront/front/webpack.config.js b/src/rfront/webpack.config.js
similarity index 100%
rename from src/rfront/front/webpack.config.js
rename to src/rfront/webpack.config.js