diff --git a/js/apps/admin-ui/src/page/Page.tsx b/js/apps/admin-ui/src/page/Page.tsx
index a7970b18dc..b8ea6cbf05 100644
--- a/js/apps/admin-ui/src/page/Page.tsx
+++ b/js/apps/admin-ui/src/page/Page.tsx
@@ -60,8 +60,10 @@ export default function Page() {
       <DeleteConfirm />
       <ViewHeader
         titleKey={
-          get(pageData, `config.${page.metadata.displayFields[0]}`)?.[0] ||
-          t("createItem")
+          get(
+            pageData,
+            `config.${page.metadata.displayFields?.[0] || page.properties[0].name}`,
+          )?.[0] || t("createItem")
         }
         dropdownItems={
           id
diff --git a/js/apps/admin-ui/src/page/PageList.tsx b/js/apps/admin-ui/src/page/PageList.tsx
index b9ca22440d..a23829f4f2 100644
--- a/js/apps/admin-ui/src/page/PageList.tsx
+++ b/js/apps/admin-ui/src/page/PageList.tsx
@@ -116,7 +116,10 @@ export default function PageList() {
         searchPlaceholderKey="searchItem"
         loader={loader}
         columns={[
-          ...page.metadata.displayFields.map((name: string, index: number) => ({
+          ...(
+            page.metadata.displayFields ||
+            page.properties.slice(0, 3).map((p) => p.name)
+          ).map((name: string, index: number) => ({
             name: `config.${name}[0]`,
             displayKey: page.properties.find((p) => p.name === name)!.label,
             cellRenderer: