diff --git a/src/extensions/core/load3d.ts b/src/extensions/core/load3d.ts
index 425afbbfe..4110ae357 100644
--- a/src/extensions/core/load3d.ts
+++ b/src/extensions/core/load3d.ts
@@ -29,6 +29,12 @@ app.registerExtension({
 
         containerToLoad3D.set(container.id, load3d)
 
+        node.onMouseEnter = function () {
+          if (load3d) {
+            load3d.refreshViewport()
+          }
+        }
+
         node.onResize = function () {
           if (load3d) {
             load3d.handleResize()
@@ -192,6 +198,12 @@ app.registerExtension({
 
         containerToLoad3D.set(container.id, load3d)
 
+        node.onMouseEnter = function () {
+          if (load3d) {
+            load3d.refreshViewport()
+          }
+        }
+
         node.onResize = function () {
           if (load3d) {
             load3d.handleResize()
@@ -362,6 +374,12 @@ app.registerExtension({
 
         containerToLoad3D.set(container.id, load3d)
 
+        node.onMouseEnter = function () {
+          if (load3d) {
+            load3d.refreshViewport()
+          }
+        }
+
         node.onResize = function () {
           if (load3d) {
             load3d.handleResize()
@@ -482,6 +500,12 @@ app.registerExtension({
 
         containerToLoad3D.set(container.id, load3d)
 
+        node.onMouseEnter = function () {
+          if (load3d) {
+            load3d.refreshViewport()
+          }
+        }
+
         node.onResize = function () {
           if (load3d) {
             load3d.handleResize()
diff --git a/src/extensions/core/load3d/Load3d.ts b/src/extensions/core/load3d/Load3d.ts
index feeb60919..53fb6fd42 100644
--- a/src/extensions/core/load3d/Load3d.ts
+++ b/src/extensions/core/load3d/Load3d.ts
@@ -892,6 +892,10 @@ class Load3d {
     this.handleResize()
   }
 
+  refreshViewport() {
+    this.handleResize()
+  }
+
   handleResize() {
     const parentElement = this.renderer?.domElement?.parentElement