diff --git a/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.cs b/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.cs
index 0151b1c070a..d90dd458fd0 100644
--- a/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.cs
+++ b/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.cs
@@ -219,5 +219,5 @@ private RenderFragment RenderChildContent() => builder =>
 
     private bool ShowPreviewList => PreviewList != null && PreviewList.Count > 0;
 
-    private string? PreviewerId => ShowPreviewList ? $"prev_{Id}" : null;
+    private string? PreviewerId => $"prev_{Id}";
 }
diff --git a/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.js b/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.js
index 813a1562cc7..05946d82d17 100644
--- a/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.js
+++ b/src/BootstrapBlazor/Components/ImageViewer/ImageViewer.razor.js
@@ -58,6 +58,8 @@ export function update(id, prevList, index) {
     }
 
     viewer.prevList = prevList
+    viewer.img = viewer.element.querySelector('img')
+
     setListeners(viewer, index)
 }