diff --git a/frontend/src/components/header/index.tsx b/frontend/src/components/header/index.tsx
index e8efb5b7c..0279b1d8f 100644
--- a/frontend/src/components/header/index.tsx
+++ b/frontend/src/components/header/index.tsx
@@ -74,8 +74,8 @@ export const Header = () => {
         <div className="flex">
           {user && (
             <>
-              <WsStatusIndicator />
               <Omnibar />
+              <WsStatusIndicator />
               <DesktopUpdates />
             </>
           )}
diff --git a/frontend/src/components/header/omnibar.tsx b/frontend/src/components/header/omnibar.tsx
index 1ebb4391a..96e9ee48b 100644
--- a/frontend/src/components/header/omnibar.tsx
+++ b/frontend/src/components/header/omnibar.tsx
@@ -47,8 +47,13 @@ export const Omnibar = () => {
 
   return (
     <>
-      <Button variant="ghost" onClick={() => set(true)}>
-        <Search className="w-4 h-4" />
+      <Button
+        variant="outline"
+        onClick={() => set(true)}
+        className="flex items-center gap-4 w-[300px] justify-start"
+      >
+        <Search className="w-4 h-4" />{" "}
+        <span className="text-muted-foreground">Search</span>
       </Button>
       <CommandDialog open={open} onOpenChange={set}>
         <CommandInput placeholder="Type a command or search..." />