fix(app): select model anchor

1 files changed, 5 insertions, 7 deletions

diff --git a/packages/app/src/components/dialog-select-model.tsx b/packages/app/src/components/dialog-select-model.tsx
index 588527386..f5ffaddae 100644
--- a/packages/app/src/components/dialog-select-model.tsx
+++ b/packages/app/src/components/dialog-select-model.tsx
@@ -176,13 +176,11 @@ export function ModelSelectorPopover<T extends ValidComponent = "div">(props: {
       placement="top-start"
       gutter={8}
     >
-      <Kobalte.Trigger
-        ref={(el) => setStore("trigger", el)}
-        as={props.triggerAs ?? "div"}
-        {...(props.triggerProps as any)}
-      >
-        {props.children}
-      </Kobalte.Trigger>
+      <Kobalte.Anchor ref={(el) => setStore("trigger", el)} as="div" class="inline-flex">
+        <Kobalte.Trigger as={props.triggerAs ?? "div"} {...(props.triggerProps as any)}>
+          {props.children}
+        </Kobalte.Trigger>
+      </Kobalte.Anchor>
       <Kobalte.Portal>
         <Kobalte.Content
           ref={(el) => setStore("content", el)}