diff --git a/packages/web/src/appobj/DatabaseObjectAppObject.svelte b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
index 78df55d4..1597041a 100644
--- a/packages/web/src/appobj/DatabaseObjectAppObject.svelte
+++ b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
@@ -186,6 +186,23 @@
         },
       },
     ],
+    collections: [
+      {
+        label: 'Open data',
+        tab: 'CollectionDataTab',
+        forceNewTab: true,
+      },
+      {
+        label: 'Open JSON',
+        tab: 'CollectionDataTab',
+        forceNewTab: true,
+        initialData: {
+          grid: {
+            isJsonView: true,
+          },
+        },
+      },
+    ],
   };
 
   export async function openDatabaseObjectDetail(
diff --git a/packages/web/src/jsonview/CollectionJsonView.svelte b/packages/web/src/jsonview/CollectionJsonView.svelte
index 19f42ec6..61a8fd09 100644
--- a/packages/web/src/jsonview/CollectionJsonView.svelte
+++ b/packages/web/src/jsonview/CollectionJsonView.svelte
@@ -60,7 +60,7 @@
   // $: console.log('GRIDER', grider);
 </script>
 
-<div class="flexcol flex1" use:contextMenu={menu}>
+<div class="wrapper" use:contextMenu={menu}>
   <div class="toolbar">
     <Pager bind:skip bind:limit on:load={() => display.reload()} />
   </div>
@@ -86,5 +86,17 @@
 
   .json {
     overflow: auto;
+    flex: 1;
+    /* position: relative; */
+  }
+
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
   }
 </style>