diff --git a/rfront/src/components/App.js b/rfront/src/App.js
similarity index 92%
rename from rfront/src/components/App.js
rename to rfront/src/App.js
index a2b6435..2d2acc5 100644
--- a/rfront/src/components/App.js
+++ b/rfront/src/App.js
@@ -1,6 +1,6 @@
-import "./App.css";
-import Messages from "./Messages";
-import TextField from "./TextField";
+import "./styles/App.css";
+import Messages from "./components/Messages";
+import TextField from "./components/TextField";
 import { useEffect, useState } from "react";
 import { io } from "socket.io-client";
 
diff --git a/rfront/src/index.js b/rfront/src/index.js
index c748bbc..12fe658 100644
--- a/rfront/src/index.js
+++ b/rfront/src/index.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 
-import './index.css';
-import App from './components/App';
+import './styles/index.css';
+import App from './App';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(<App />);
\ No newline at end of file
diff --git a/rfront/src/components/App.css b/rfront/src/styles/App.css
similarity index 100%
rename from rfront/src/components/App.css
rename to rfront/src/styles/App.css
diff --git a/rfront/src/index.css b/rfront/src/styles/index.css
similarity index 100%
rename from rfront/src/index.css
rename to rfront/src/styles/index.css