diff --git a/packages/ui/src/components/popover.tsx b/packages/ui/src/components/popover.tsx
index 9644c8741..161a42c82 100644
--- a/packages/ui/src/components/popover.tsx
+++ b/packages/ui/src/components/popover.tsx
@@ -15,7 +15,7 @@ import { IconButton } from "./icon-button"
 
 export interface PopoverProps<T extends ValidComponent = "div">
   extends ParentProps,
-    Omit<ComponentProps<typeof Kobalte>, "children"> {
+  Omit<ComponentProps<typeof Kobalte>, "children"> {
   trigger?: JSXElement
   triggerAs?: T
   triggerProps?: ComponentProps<T>
@@ -116,7 +116,7 @@ export function Popover<T extends ValidComponent = "div">(props: PopoverProps<T>
 
   const content = () => (
     <Kobalte.Content
-      ref={(el: HTMLElement) => setContentRef(el)}
+      ref={(el: HTMLElement | undefined) => setContentRef(el)}
       data-component="popover-content"
       classList={{
         ...(local.classList ?? {}),