diff --git a/app/routes/ai.tsx b/app/routes/ai.tsx
index 835ef47..34dd09d 100644
--- a/app/routes/ai.tsx
+++ b/app/routes/ai.tsx
@@ -1265,15 +1265,15 @@ function ModelSelector({
   const label = prettyModelName(model)
   return (
     <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <button
-          type="button"
-          data-action="ai-model"
-          className="inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
-        >
-          <span>{label}</span>
-          <ChevronDown className="size-4 opacity-70" />
-        </button>
+      {/* base-ui's Menu.Trigger renders its own <button>, so we don't wrap
+       * a nested <button> here (which Radix's asChild pattern would require).
+       * Styles + data-action go straight on the Trigger. */}
+      <DropdownMenuTrigger
+        data-action="ai-model"
+        className="inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
+      >
+        <span>{label}</span>
+        <ChevronDown className="size-4 opacity-70" />
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
         {models.map((m) => (