diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index 13f7640a6..47e3abb9d 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -1,10 +1,34 @@
 <pngx-page-header [(title)]="title" [id]="documentId">
+  @if (archiveContentRenderType === ContentRenderType.PDF && !useNativePdfViewer) {
+    @if (previewNumPages) {
+      <div class="input-group input-group-sm ms-2 d-none d-md-flex">
+        <div class="input-group-text" i18n>Page</div>
+          <input class="form-control flex-grow-0 w-auto" type="number" min="1" [max]="previewNumPages" [(ngModel)]="previewCurrentPage" />
+        <div class="input-group-text" i18n>of {{previewNumPages}}</div>
+      </div>
+    }
+    <div class="input-group input-group-sm me-md-5 d-none d-md-flex">
+      <button class="btn btn-outline-secondary" (click)="decreaseZoom()" i18n>-</button>
+      <select class="form-select" (change)="setZoom($event.target.value)" [ngModel]="currentZoom">
+        @for (setting of zoomSettings; track setting) {
+          <option [value]="setting">
+            {{ getZoomSettingTitle(setting) }}
+          </option>
+        }
+      </select>
+      <button class="btn btn-outline-secondary" (click)="increaseZoom()" i18n>+</button>
+    </div>
+  }
+
+  <button type="button" class="btn btn-sm btn-outline-danger me-md-4" (click)="delete()" [disabled]="!userIsOwner" *pngxIfPermissions="{ action: PermissionAction.Delete, type: PermissionType.Document }">
+    <i-bs width="1.2em" height="1.2em" name="trash"></i-bs><span class="d-none d-lg-inline ps-1" i18n>Delete</span>
+  </button>
 
   @if (document?.versions?.length > 0) {
     <div class="btn-group" ngbDropdown role="group" autoClose="outside">
       <button class="btn btn-sm btn-outline-secondary dropdown-toggle" ngbDropdownToggle>
         <i-bs name="layers"></i-bs>
-        <span class="d-none d-lg-inline ps-1" i18n>Version</span>
+        <span class="d-none d-lg-inline ps-1" i18n>Versions</span>
       </button>
       <div class="dropdown-menu shadow" ngbDropdownMenu>
         <div class="px-3 py-2">
@@ -79,30 +103,6 @@
       </div>
     </div>
   }
-  @if (archiveContentRenderType === ContentRenderType.PDF && !useNativePdfViewer) {
-    @if (previewNumPages) {
-      <div class="input-group input-group-sm ms-2 d-none d-md-flex">
-        <div class="input-group-text" i18n>Page</div>
-          <input class="form-control flex-grow-0 w-auto" type="number" min="1" [max]="previewNumPages" [(ngModel)]="previewCurrentPage" />
-        <div class="input-group-text" i18n>of {{previewNumPages}}</div>
-      </div>
-    }
-    <div class="input-group input-group-sm me-md-5 d-none d-md-flex">
-      <button class="btn btn-outline-secondary" (click)="decreaseZoom()" i18n>-</button>
-      <select class="form-select" (change)="setZoom($event.target.value)" [ngModel]="currentZoom">
-        @for (setting of zoomSettings; track setting) {
-          <option [value]="setting">
-            {{ getZoomSettingTitle(setting) }}
-          </option>
-        }
-      </select>
-      <button class="btn btn-outline-secondary" (click)="increaseZoom()" i18n>+</button>
-    </div>
-  }
-
-  <button type="button" class="btn btn-sm btn-outline-danger me-md-4" (click)="delete()" [disabled]="!userIsOwner" *pngxIfPermissions="{ action: PermissionAction.Delete, type: PermissionType.Document }">
-    <i-bs width="1.2em" height="1.2em" name="trash"></i-bs><span class="d-none d-lg-inline ps-1" i18n>Delete</span>
-  </button>
 
   <div class="btn-group">
     <button (click)="download()" class="btn btn-sm btn-outline-primary" [disabled]="downloading">