diff --git a/src-ui/src/app/components/common/input/document-link/document-link.component.html b/src-ui/src/app/components/common/input/document-link/document-link.component.html
index 79d5f1bab..03652a4fc 100644
--- a/src-ui/src/app/components/common/input/document-link/document-link.component.html
+++ b/src-ui/src/app/components/common/input/document-link/document-link.component.html
@@ -24,14 +24,16 @@
             [typeahead]="documentsInput$"
             (change)="onChange(selectedDocuments)">
                 <ng-template ng-label-tmp let-document="item">
-                  <svg class="sidebaricon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" (click)="unselect(document)">
-                    <use xlink:href="assets/bootstrap-icons.svg#x"/>
-                  </svg>
-                  <a routerLink="/documents/{{document.id}}" class="badge bg-light text-primary">
-                    <svg class="sidebaricon-sm me-1" fill="currentColor">
-                      <use xlink:href="assets/bootstrap-icons.svg#file-text"/>
-                    </svg><span>{{document.title}}</span>
-                  </a>
+                  <div class="d-flex align-items-center">
+                    <svg class="sidebaricon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" (click)="unselect(document)">
+                      <use xlink:href="assets/bootstrap-icons.svg#x"/>
+                    </svg>
+                    <a routerLink="/documents/{{document.id}}" class="badge bg-light text-primary">
+                      <svg class="sidebaricon-sm me-1" fill="currentColor">
+                        <use xlink:href="assets/bootstrap-icons.svg#file-text"/>
+                      </svg><span>{{document.title}}</span>
+                    </a>
+                  </div>
                 </ng-template>
                 <ng-template ng-loadingspinner-tmp>
                   <div class="spinner-border spinner-border-sm fw-normal ms-2 me-auto" role="status"></div>