diff --git a/src/Components/Core/Presentation/React/LearningSpaceDisplay/LearningElementModal/SubComponents/H5PContent.tsx b/src/Components/Core/Presentation/React/LearningSpaceDisplay/LearningElementModal/SubComponents/H5PContent.tsx
index d9f3cd882..c461dcd82 100644
--- a/src/Components/Core/Presentation/React/LearningSpaceDisplay/LearningElementModal/SubComponents/H5PContent.tsx
+++ b/src/Components/Core/Presentation/React/LearningSpaceDisplay/LearningElementModal/SubComponents/H5PContent.tsx
@@ -20,17 +20,17 @@ export default function H5PContent({
 }) {
   const h5pContainerRef = useRef<HTMLDivElement>(null);
 
-  const targetViewPort = {
-    height: window.innerHeight,
-    width: window.innerWidth,
-    ratio: window.innerWidth / window.innerHeight,
-  };
-
   function h5pResizing() {
     if (h5pContainerRef.current?.style.visibility) {
       const h5pRef = h5pContainerRef.current;
       const h5pRatio = h5pRef.clientWidth / h5pRef.clientHeight;
 
+      const targetViewPort = {
+        height: window.innerHeight,
+        width: window.innerWidth,
+        ratio: window.innerWidth / window.innerHeight,
+      };
+
       if (h5pRatio < targetViewPort.ratio) {
         h5pRef.style.width = targetViewPort.height * h5pRatio - 20 + "px";
         h5pRef.style.height = targetViewPort.height + "px";