diff --git a/.vscode/settings.json b/.vscode/settings.json
index 92bded33136f5d8857892da1dc94c520f5412f99..896cb9470959cc24e9d343173561d9d728f3b206 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,6 +5,7 @@
     "editor.tabCompletion": "on",
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": true,
+        "source.organizeImports": true
     },
     //python
     "python.venvPath": "${workspaceFolder}\\server",
diff --git a/client/src/App.tsx b/client/src/App.tsx
index aad0abc98c431b8bf94502fa316a00ab3687a198..931b58fa3cac3893f9b343cff3dc423a544ba577 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react'
 import axios from 'axios'
-import logo from './logo.svg'
+import React, { useEffect, useState } from 'react'
 import './App.css'
+import logo from './logo.svg'
 
 interface Message {
   message: string
diff --git a/client/src/index.tsx b/client/src/index.tsx
index ba3503c6e89f4cc311e5d0ec52b6b0ab6e7f1239..e7b11a230f0a06760e23141dc90d09baee11479a 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import './index.css'
 import App from './App'
+import './index.css'
 import reportWebVitals from './reportWebVitals'
 
 ReactDOM.render(