diff --git a/packages/solid-query-devtools/src/__tests__/devtoolsPanel.test.tsx b/packages/solid-query-devtools/src/__tests__/devtoolsPanel.test.tsx
index e519db5bee..745c7e471c 100644
--- a/packages/solid-query-devtools/src/__tests__/devtoolsPanel.test.tsx
+++ b/packages/solid-query-devtools/src/__tests__/devtoolsPanel.test.tsx
@@ -121,6 +121,40 @@ describe('SolidQueryDevtoolsPanel', () => {
     expect(setClient).toHaveBeenCalledWith(queryClient)
   })
 
+  it('should preserve the default container height when "style" omits "height"', () => {
+    const queryClient = new QueryClient()
+
+    const { container } = render(() => (
+      <SolidQueryDevtoolsPanel
+        client={queryClient}
+        style={{ width: '300px' }}
+      />
+    ))
+    const panel = container.querySelector(
+      '.tsqd-parent-container',
+    ) as HTMLElement
+
+    expect(panel.style.height).toBe('500px')
+    expect(panel.style.width).toBe('300px')
+  })
+
+  it('should let "style" override the default container height on the rendered element', () => {
+    const queryClient = new QueryClient()
+
+    const { container } = render(() => (
+      <SolidQueryDevtoolsPanel
+        client={queryClient}
+        style={{ width: '300px', height: '300px' }}
+      />
+    ))
+    const panel = container.querySelector(
+      '.tsqd-parent-container',
+    ) as HTMLElement
+
+    expect(panel.style.height).toBe('300px')
+    expect(panel.style.width).toBe('300px')
+  })
+
   it('should call "unmount" on the devtools instance when the component unmounts', () => {
     const unmount = vi.spyOn(TanstackQueryDevtoolsPanel.prototype, 'unmount')
     const queryClient = new QueryClient()