diff --git a/src/web/templates/index.html b/src/web/templates/index.html
index 066cd7b..02a2a4f 100644
--- a/src/web/templates/index.html
+++ b/src/web/templates/index.html
@@ -333,7 +333,7 @@
     </div>
 </div>
 
-<div class="info-panel">
+<div class="info-panel" id="infoPanel" style="display:none">
     <div class="info-item"><span class="label">Speed:</span><span class="value" id="ball-speed">--</span></div>
     <div class="info-item"><span class="label">Height:</span><span class="value" id="ball-height">--</span></div>
     <div class="info-item"><span class="label">Landing:</span><span class="value" id="ball-landing">--</span></div>
@@ -352,6 +352,7 @@ document.querySelectorAll('.tab').forEach(function(tab) {
         this.classList.add('active');
         document.getElementById('tab-' + target).classList.add('active');
 
+        document.getElementById('infoPanel').style.display = (target === 'trajectory') ? 'flex' : 'none';
         if (target === 'court' && !courtSceneInitialized) initCourtScene();
         if (target === 'trajectory' && !trajSceneInitialized) initTrajectoryScene();
     });