diff --git a/packages/ui/src/components/Listbox/Listbox2.tsx b/packages/ui/src/components/Listbox/Listbox2.tsx
index 78f9a4bbd06..2049efdf007 100644
--- a/packages/ui/src/components/Listbox/Listbox2.tsx
+++ b/packages/ui/src/components/Listbox/Listbox2.tsx
@@ -151,7 +151,7 @@ function Listbox({
       /*
        * if no selected value (including a `defaultvalue`), then use first child
        */
-      setSelectedNode(content[0].props)
+      setSelectedNode(content[0]?.props)
       return
     }
   }, [selected])
diff --git a/studio/pages/project/[ref]/auth/policies.tsx b/studio/pages/project/[ref]/auth/policies.tsx
index 3d4b440d580..3e0e79b4ebc 100644
--- a/studio/pages/project/[ref]/auth/policies.tsx
+++ b/studio/pages/project/[ref]/auth/policies.tsx
@@ -78,6 +78,7 @@ const AuthPoliciesPage: NextPageWithLayout = () => {
   return (
     <div className="flex flex-col h-full">
       <div className="mb-4">
+        <Listbox size="small" label="test"></Listbox>
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-4">
             <div className="w-[230px]">