diff --git a/web/screens/Settings/MCP/index.tsx b/web/screens/Settings/MCP/index.tsx
index b45339220..b5770ef4c 100644
--- a/web/screens/Settings/MCP/index.tsx
+++ b/web/screens/Settings/MCP/index.tsx
@@ -1,9 +1,12 @@
 import React, { useState, useEffect, useCallback } from 'react'
 
 import { ScrollArea, Tabs } from '@janhq/joi'
-import MCPSearch from './search'
-import MCPConfiguration from './configuration'
+
 import { useAtomValue } from 'jotai'
+
+import MCPConfiguration from './configuration'
+import MCPSearch from './search'
+
 import { showScrollBarAtom } from '@/helpers/atoms/Setting.atom'
 
 const MCP = () => {
diff --git a/web/screens/Settings/MCP/search.tsx b/web/screens/Settings/MCP/search.tsx
index 22aebd284..4a4696515 100644
--- a/web/screens/Settings/MCP/search.tsx
+++ b/web/screens/Settings/MCP/search.tsx
@@ -1,9 +1,9 @@
 import React, { useState, useEffect, useCallback } from 'react'
 
-import { npxFinder, NPMPackage } from 'npx-scope-finder'
-
 import { Button, Input } from '@janhq/joi'
 import { PlusIcon } from 'lucide-react'
+import { npxFinder, NPMPackage } from 'npx-scope-finder'
+
 import { toaster } from '@/containers/Toast'
 
 interface MCPConfig {