diff --git a/src/App.tsx b/src/App.tsx
index d3771be..a7dcb54 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,13 +7,13 @@ import {
 } from "react-admin";
 //import { Layout } from "./Layout";//
 import { dataProvider } from "./dataProvider";
-import {UserList} from "./Users.tsx";
-import {UserEdit} from "./UserEdit.tsx";
-import {PostEdit} from "./PostEdit.tsx";
-import {CommentEdit} from "./CommentEdit.tsx";
-import {AlbumEdit} from "./AlbumEdit.tsx";
-import {PhotoEdit} from "./PhotoEdit.tsx";
-import {MyLayout} from "./MyLayout.tsx";
+import {UserList} from "./Components/Users.tsx";
+import {UserEdit} from "./Components/UserEdit.tsx";
+import {PostEdit} from "./Components/PostEdit.tsx";
+import {CommentEdit} from "./Components/CommentEdit.tsx";
+import {AlbumEdit} from "./Components/AlbumEdit.tsx";
+import {PhotoEdit} from "./Components/PhotoEdit.tsx";
+import {MyLayout} from "./Components/MyLayout.tsx";
 
 export const App = () => (
   <Admin layout={MyLayout} dataProvider={dataProvider}>
diff --git a/src/AlbumEdit.tsx b/src/Components/AlbumEdit.tsx
similarity index 100%
rename from src/AlbumEdit.tsx
rename to src/Components/AlbumEdit.tsx
diff --git a/src/CommentEdit.tsx b/src/Components/CommentEdit.tsx
similarity index 100%
rename from src/CommentEdit.tsx
rename to src/Components/CommentEdit.tsx
diff --git a/src/MyAppBar.tsx b/src/Components/MyAppBar.tsx
similarity index 57%
rename from src/MyAppBar.tsx
rename to src/Components/MyAppBar.tsx
index 676f034..b0153a0 100644
--- a/src/MyAppBar.tsx
+++ b/src/Components/MyAppBar.tsx
@@ -1,9 +1,10 @@
 import {AppBar} from "react-admin";
+import {yellow} from "@mui/material/colors";
 
 export const MyAppBar = () => (
     <AppBar
         sx = {{
-            backgroundColor: "#ffeb3b",
+            backgroundColor: yellow[500],
         }}
     />
 );
diff --git a/src/Components/MyLayout.tsx b/src/Components/MyLayout.tsx
new file mode 100644
index 0000000..bed7eee
--- /dev/null
+++ b/src/Components/MyLayout.tsx
@@ -0,0 +1,8 @@
+import {Layout} from 'react-admin';
+import {MyAppBar} from "./MyAppBar.tsx";
+
+export const MyLayout = ({ children } ) => (
+    <Layout appBar={MyAppBar} >
+    {children}
+    </Layout>
+);
diff --git a/src/PhotoEdit.tsx b/src/Components/PhotoEdit.tsx
similarity index 100%
rename from src/PhotoEdit.tsx
rename to src/Components/PhotoEdit.tsx
diff --git a/src/PostEdit.tsx b/src/Components/PostEdit.tsx
similarity index 100%
rename from src/PostEdit.tsx
rename to src/Components/PostEdit.tsx
diff --git a/src/UserEdit.tsx b/src/Components/UserEdit.tsx
similarity index 100%
rename from src/UserEdit.tsx
rename to src/Components/UserEdit.tsx
diff --git a/src/Users.tsx b/src/Components/Users.tsx
similarity index 100%
rename from src/Users.tsx
rename to src/Components/Users.tsx
diff --git a/src/MyLayout.tsx b/src/MyLayout.tsx
deleted file mode 100644
index bfa6e39..0000000
--- a/src/MyLayout.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import {Layout} from 'react-admin';
-import {MyAppBar} from "./MyAppBar";
-
-export const MyLayout = ({ children } ) => (<Layout appBar={MyAppBar} >
-    {children}
-    </Layout>
-    );