diff --git a/web/src/App/Sidebar.jsx b/web/src/components/App/Sidebar.jsx
similarity index 100%
rename from web/src/App/Sidebar.jsx
rename to web/src/components/App/Sidebar.jsx
index c2fa30f..5434289 100644
--- a/web/src/App/Sidebar.jsx
+++ b/web/src/components/App/Sidebar.jsx
@@ -3,15 +3,15 @@ import Divider from '@material-ui/core/Divider'
 import ListItem from '@material-ui/core/ListItem'
 import ListItemIcon from '@material-ui/core/ListItemIcon'
 import ListItemText from '@material-ui/core/ListItemText'
-import AddDialogButton from 'components/Add'
-import RemoveAll from 'components/RemoveAll'
-import SettingsDialog from 'components/Settings'
-import AboutDialog from 'components/About'
 import { CreditCard as CreditCardIcon, List as ListIcon, Language as LanguageIcon } from '@material-ui/icons'
 import List from '@material-ui/core/List'
-import CloseServer from 'components/CloseServer'
 import { useTranslation } from 'react-i18next'
 import useChangeLanguage from 'utils/useChangeLanguage'
+import AddDialogButton from 'components/Add'
+import SettingsDialog from 'components/Settings'
+import RemoveAll from 'components/RemoveAll'
+import AboutDialog from 'components/About'
+import CloseServer from 'components/CloseServer'
 
 import { AppSidebarStyle } from './style'
 
diff --git a/web/src/App/index.jsx b/web/src/components/App/index.jsx
similarity index 100%
rename from web/src/App/index.jsx
rename to web/src/components/App/index.jsx
index 3cfe795..e212c60 100644
--- a/web/src/App/index.jsx
+++ b/web/src/components/App/index.jsx
@@ -5,11 +5,11 @@ import Typography from '@material-ui/core/Typography'
 import IconButton from '@material-ui/core/IconButton'
 import { Menu as MenuIcon, Close as CloseIcon } from '@material-ui/icons'
 import { echoHost } from 'utils/Hosts'
+import Div100vh from 'react-div-100vh'
+import axios from 'axios'
 import TorrentList from 'components/TorrentList'
 import DonateSnackbar from 'components/Donate'
 import DonateDialog from 'components/Donate/DonateDialog'
-import Div100vh from 'react-div-100vh'
-import axios from 'axios'
 
 import { AppWrapper, AppHeader } from './style'
 import Sidebar from './Sidebar'
diff --git a/web/src/App/style.js b/web/src/components/App/style.js
similarity index 100%
rename from web/src/App/style.js
rename to web/src/components/App/style.js
diff --git a/web/src/components/TorrentList.jsx b/web/src/components/TorrentList.jsx
index 4168b22..e4119fd 100644
--- a/web/src/components/TorrentList.jsx
+++ b/web/src/components/TorrentList.jsx
@@ -4,7 +4,7 @@ import { torrentsHost } from 'utils/Hosts'
 import TorrentCard from 'components/TorrentCard'
 import axios from 'axios'
 import CircularProgress from '@material-ui/core/CircularProgress'
-import { TorrentListWrapper, CenteredGrid } from 'App/style'
+import { TorrentListWrapper, CenteredGrid } from 'components/App/style'
 import { useTranslation } from 'react-i18next'
 
 export default function TorrentList() {
diff --git a/web/src/index.jsx b/web/src/index.jsx
index 02a1c7f..1e33667 100644
--- a/web/src/index.jsx
+++ b/web/src/index.jsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 import 'i18n'
 
 import './index.css'
-import App from './App'
+import App from './components/App'
 
 ReactDOM.render(
   <StrictMode>