diff --git a/.changeset/lemon-roses-hammer.md b/.changeset/lemon-roses-hammer.md
new file mode 100644
index 00000000..d09ba6e7
--- /dev/null
+++ b/.changeset/lemon-roses-hammer.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools': patch
+---
+
+Allow config on the height of the panel
diff --git a/packages/devtools/src/components/main-panel.tsx b/packages/devtools/src/components/main-panel.tsx
index 17b1cfbf..e96868d8 100644
--- a/packages/devtools/src/components/main-panel.tsx
+++ b/packages/devtools/src/components/main-panel.tsx
@@ -21,6 +21,7 @@ export const MainPanel = (props: {
       id={TANSTACK_DEVTOOLS}
       style={{
         height: pip().pipWindow ? '100vh' : height() + 'px',
+        '--tsd-main-panel-height': pip().pipWindow ? '100vh' : height() + 'px',
       }}
       class={clsx(
         styles().devtoolsPanelContainer(