diff --git a/src-web/components/WorkspaceHeader.tsx b/src-web/components/WorkspaceHeader.tsx
index 49815095..5720cfaf 100644
--- a/src-web/components/WorkspaceHeader.tsx
+++ b/src-web/components/WorkspaceHeader.tsx
@@ -1,7 +1,9 @@
+import { type } from '@tauri-apps/plugin-os';
 import classNames from 'classnames';
 import { useAtom, useAtomValue } from 'jotai';
 import React, { memo } from 'react';
 import { activeWorkspaceAtom, activeWorkspaceMetaAtom } from '../hooks/useActiveWorkspace';
+import { useToggleCommandPalette } from '../hooks/useToggleCommandPalette';
 import { workspaceLayoutAtom } from '../lib/atoms';
 import { setupOrConfigureEncryption } from '../lib/setupOrConfigureEncryption';
 import { CookieDropdown } from './CookieDropdown';
@@ -22,6 +24,7 @@ interface Props {
 }
 
 export const WorkspaceHeader = memo(function WorkspaceHeader({ className }: Props) {
+  const togglePalette = useToggleCommandPalette();
   const [workspaceLayout, setWorkspaceLayout] = useAtom(workspaceLayoutAtom);
   const workspace = useAtomValue(activeWorkspaceAtom);
   const workspaceMeta = useAtomValue(activeWorkspaceMetaAtom);
@@ -56,7 +59,6 @@ export const WorkspaceHeader = memo(function WorkspaceHeader({ className }: Prop
         ) : (
           <LicenseBadge />
         )}
-        <SettingsDropdown />
         <IconButton
           icon={
             workspaceLayout === 'responsive'
@@ -72,6 +74,14 @@ export const WorkspaceHeader = memo(function WorkspaceHeader({ className }: Prop
             setWorkspaceLayout((prev) => (prev === 'horizontal' ? 'vertical' : 'horizontal'))
           }
         />
+        <IconButton
+          icon={type() == 'macos' ? 'command' : 'square_terminal'}
+          title="Search or execute a command"
+          size="sm"
+          iconColor="secondary"
+          onClick={togglePalette}
+        />
+        <SettingsDropdown />
       </div>
     </div>
   );