diff --git a/packages/cccv/src/components/InfoPanel/SlidingPanel.tsx b/packages/cccv/src/components/InfoPanel/SlidingPanel.tsx
index 56769461..5bc23592 100644
--- a/packages/cccv/src/components/InfoPanel/SlidingPanel.tsx
+++ b/packages/cccv/src/components/InfoPanel/SlidingPanel.tsx
@@ -9,7 +9,6 @@ interface InfoPanelProps {
     children?: React.ReactNode;
 }
 
-
 export default function SlidingPanel({ showPanel, contentChanged, onResize, children }: InfoPanelProps) {
     const panelRef = useRef<HTMLDivElement>(null)
     const isResizing = useRef(false)
@@ -88,8 +87,8 @@ export default function SlidingPanel({ showPanel, contentChanged, onResize, chil
             className={`sliding-panel ${stateClass} absolute bg-white font-mono shadow-black ${signalUpdatedInfoPanel} ${revealOrHideInfoPanel} transition ease-in-out duration-500 z-10`}
             style={{
                 width: isLargeScreen ? `${panelWidth}px` : '100%', // Full width for small screens
-                maxHeight: isLargeScreen ? '100%' : '60vh', // No taller than half the screen on small screens
-                height: isPanelVisible ? 'auto' : '0',
+                height: '100vh', // Full height of the viewport
+                maxHeight: '100vh', // Full height of the viewport
                 display: isPanelVisible ? 'block' : 'none',
             }}
             data-testid="sliding-panel"