diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx
index 1c2db7f..6fb001f 100644
--- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx
+++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx
@@ -47,6 +47,7 @@ export default function MovesPanel() {
       sx={{ scrollbarWidth: "thin", overflowY: "auto" }}
       maxHeight="100%"
       xs={6}
+      id="moves-panel"
     >
       {gameMoves?.map((moves, idx) => (
         <MovesLine
diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx
index dcf9dfe..639eec8 100644
--- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx
+++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx
@@ -25,7 +25,11 @@ export default function MoveItem({ san, moveClassification, moveIdx }: Props) {
   useEffect(() => {
     if (!isCurrentMove) return;
     const moveItem = document.getElementById(`move-${moveIdx}`);
-    if (!moveItem || !isInViewport(moveItem)) return;
+    if (!moveItem) return;
+
+    const movePanel = document.getElementById("moves-panel");
+    if (!movePanel || !isInViewport(movePanel)) return;
+
     moveItem.scrollIntoView({ behavior: "smooth", block: "center" });
   }, [isCurrentMove, moveIdx]);