diff --git a/src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.js b/src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.js
index 8885fe574c3..bf31b208c2e 100644
--- a/src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.js
+++ b/src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.js
@@ -2,16 +2,18 @@
 import Viewer from "../../modules/viewer.js"
 
 export function init(id, prevList, config) {
-    const el = document.getElementById(id)
+    const el = document.getElementById(id);
     if (el === null) {
-        return
+        return;
     }
 
     const viewer = {
         el,
         viewer: Viewer.init(el, prevList, config)
-    }
-    Data.set(id, viewer)
+    };
+    Data.set(id, viewer);
+
+    document.body.appendChild(el);
 }
 
 export function update(id, prevList) {
@@ -29,6 +31,7 @@ export function dispose(id) {
     Data.remove(id)
 
     if (viewer) {
-        Viewer.dispose(viewer.viewer)
+        Viewer.dispose(viewer.viewer);
+        viewer.el.remove();
     }
 }