diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css b/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css
index 94a47859fc2..3c1d2cd816b 100644
--- a/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css
+++ b/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css
@@ -3028,7 +3028,7 @@ Column content
     margin-right: 3px;
 }
 
-.thumbnail-overlay {
+.ui-widget .thumbnail-overlay {
     position: absolute;
     top: 0;
     bottom: 0;
diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
index 1e7f9c67b07..538fd4505b6 100644
--- a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
+++ b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
@@ -220,7 +220,7 @@
                                  onclick="window.pagesScrollPosition = $('#paginationForm\\:paginationSelection .ui-selectlistbox-listcontainer').scrollTop();
                                           PF('notifications').renderMessage({'summary':'#{msgs.paginationSaving}','severity':'info'});$('loadingScreen').show()"
                                  oncomplete="$('#paginationForm\\:paginationSelection .ui-selectlistbox-listcontainer').scrollTop(pagesScrollPosition);"
-                                 update="notifications, paginationForm:paginationSelection, @(.ui-tree), imagePreviewForm:thumbnailWrapper, metadataAccordion:logicalMetadataWrapperPanel"
+                                 update="notifications, paginationForm:paginationSelection, @(.ui-tree), @(.thumbnail-overlay), metadataAccordion:logicalMetadataWrapperPanel"
                                  value="#{msgs.apply}"/>
                 <p:commandButton id="cancel"
                                  value="#{msgs.cancel}"
diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml
index 0c3ae3f0a02..4d5a7755008 100644
--- a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml
+++ b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml
@@ -138,9 +138,9 @@
                                             <h:outputText value="#{DataEditorForm.galleryPanel.getSeveralAssignmentsIndex(media) + 1}"
                                                         rendered="#{media.assignedSeveralTimes}"
                                                         styleClass="assigned-several-times"/>
-                                            <h:panelGroup class="thumbnail-overlay">
+                                            <p:outputPanel class="thumbnail-overlay">
                                                 #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                            </h:panelGroup>
+                                            </p:outputPanel>
                                         </p:outputPanel>
                                     </p:outputPanel>
                                 </p:panel>
@@ -193,9 +193,9 @@
                                                         <f:param name="sessionId"
                                                                  value="#{DataEditorForm.galleryPanel.cachingUUID}"/>
                                                     </p:graphicImage>
-                                                    <h:panelGroup class="thumbnail-overlay">
+                                                    <p:outputPanel class="thumbnail-overlay">
                                                         #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                                    </h:panelGroup>
+                                                    </p:outputPanel>
                                             </p:outputPanel>
                                         </h:panelGroup>
                                     </p:panel>
@@ -233,9 +233,9 @@
                                             <f:param name="sessionId"
                                                      value="#{DataEditorForm.galleryPanel.cachingUUID}"/>
                                         </p:graphicImage>
-                                    <h:panelGroup styleClass="thumbnail-overlay">
+                                    <p:outputPanel class="thumbnail-overlay">
                                         #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                    </h:panelGroup>
+                                    </p:outputPanel>
                                 </h:panelGroup>
                             </p:panel>
                         </p:outputPanel>
@@ -277,9 +277,9 @@
                                                     <f:param name="sessionId"
                                                              value="#{DataEditorForm.galleryPanel.cachingUUID}"/>
                                                 </p:graphicImage></h:outputText>
-                                                <h:panelGroup layout="block" styleClass="thumbnail-overlay">
+                                                <p:outputPanel layout="block" class="thumbnail-overlay">
                                                     #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                                </h:panelGroup>
+                                                </p:outputPanel>
                                             </p:outputPanel>
                                         </h:panelGroup>
                                     </p:outputPanel>