diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 41d7041e9..21a0fc76f 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -50,7 +50,7 @@ export const MenuBar = ({ flows, tabId }) => {
       <div className="flex items-center font-medium text-sm rounded-md py-1 px-1.5 gap-0.5">
         <DropdownMenu>
           <DropdownMenuTrigger>
-            <Button className="gap-2 flex items-center" variant="primary">
+            <Button className="gap-2 flex items-center" variant="primary" size="sm">
               {current_flow.name}
               <ChevronDown className="w-4 h-4" />
             </Button>
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index c70a9a293..c01e6c814 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -15,7 +15,7 @@ const buttonVariants = cva(
           "border border-input hover:bg-accent hover:text-accent-foreground",
         primary:
           "border bg-background text-secondary-foreground hover:bg-background/80 hover:shadow-sm",
-        secondary: "bg-muted text-secondary-foreground hover:bg-secondary/80",
+        secondary: "border border-muted bg-muted text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "underline-offset-4 hover:underline text-primary",
       },