diff --git a/ui/src/main.tsx b/ui/src/main.tsx
index ec57063..cc5d4c3 100644
--- a/ui/src/main.tsx
+++ b/ui/src/main.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 import { LogtoProvider, useLogto } from '@logto/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { BrowserRouter } from 'react-router';
-import { ThemeProvider, ToastProvider, BreadcrumbProvider, GlobalFilterProvider, Spinner } from '@cameleer/design-system';
+import { ThemeProvider, ToastProvider, BreadcrumbProvider, GlobalFilterProvider, CommandPaletteProvider, Spinner } from '@cameleer/design-system';
 import '@cameleer/design-system/style.css';
 import { AppRouter } from './router';
 import { fetchConfig } from './config';
@@ -85,7 +85,9 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
       <ToastProvider>
         <BreadcrumbProvider>
           <GlobalFilterProvider>
-            <App />
+            <CommandPaletteProvider>
+              <App />
+            </CommandPaletteProvider>
           </GlobalFilterProvider>
         </BreadcrumbProvider>
       </ToastProvider>