diff --git a/desktop/src/app/components/widgets/document-info/document-info.html b/desktop/src/app/components/widgets/document-info/document-info.html
index 8664d5558e..3d9722eea1 100644
--- a/desktop/src/app/components/widgets/document-info/document-info.html
+++ b/desktop/src/app/components/widgets/document-info/document-info.html
@@ -11,7 +11,9 @@
                 (click)="tooltip.close(); toggleExpandAllGroups();">
             <span class="mdi mdi-unfold-more-horizontal"></span>
         </button>
-        <div class="identifier-label" ngbTooltip={{document.resource.identifier}}>{{document.resource.identifier}}</div>
+        <div class="identifier-label"
+             [ngbTooltip]="document.resource.identifier"
+             container="body">{{document.resource.identifier}}</div>
         <button *ngIf="!isReadonly() && !showCloseButton" class="edit-button btn btn-light" (click)="startEdit()">
             <span class="mdi mdi-pencil"></span>
         </button>