diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
index 7713c5b03..74ded598a 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
@@ -73,28 +73,28 @@
             </div>
           </div>
         }
-		@if (displayFields.includes(DisplayField.ADDED)) {
-			<div class="list-group-item bg-transparent p-0 border-0 d-flex flex-wrap-reverse justify-content-between">
-			  <ng-template #dateTooltip>
-				<div class="d-flex flex-column text-light">
-				  <span i18n>Created: {{ document.created | customDate }}</span>
-				  <span i18n>Added: {{ document.added | customDate }}</span>
-				  <span i18n>Modified: {{ document.modified | customDate }}</span>
-				</div>
-			  </ng-template>
-			  <div class="ps-0 p-1" placement="top" [ngbTooltip]="dateTooltip">
-				<i-bs width="1em" height="1em" class="me-2 text-muted" name="calendar-event"></i-bs>
-				<small>{{document.added | customDate:'mediumDate'}}</small>
-			  </div>
-			</div>
-		  }
-        @if (displayFields.includes(DisplayField.PAGES_COUNT) && document.pages_count) {
-            <div class="list-group-item bg-transparent p-0 border-0 d-flex flex-wrap-reverse justify-content-between">
-                <div class="ps-0 p-1" placement="top">
-                    <i-bs width="1em" height="1em" class="me-2 text-muted" name="files"></i-bs>
-                    <small i18n>{document.pages_count, plural, =1 {1 page} other {{{document.pages_count}} pages}}</small>
-                </div>
+        @if (displayFields.includes(DisplayField.ADDED)) {
+          <div class="list-group-item bg-transparent p-0 border-0 d-flex flex-wrap-reverse justify-content-between">
+            <ng-template #dateTooltip>
+              <div class="d-flex flex-column text-light">
+                <span i18n>Created: {{ document.created | customDate }}</span>
+                <span i18n>Added: {{ document.added | customDate }}</span>
+                <span i18n>Modified: {{ document.modified | customDate }}</span>
+              </div>
+            </ng-template>
+            <div class="ps-0 p-1" placement="top" [ngbTooltip]="dateTooltip">
+              <i-bs width="1em" height="1em" class="me-2 text-muted" name="calendar-event"></i-bs>
+              <small>{{document.added | customDate:'mediumDate'}}</small>
             </div>
+          </div>
+        }
+        @if (displayFields.includes(DisplayField.PAGES_COUNT) && document.pages_count) {
+          <div class="list-group-item bg-transparent p-0 border-0 d-flex flex-wrap-reverse justify-content-between">
+            <div class="ps-0 p-1" placement="top">
+              <i-bs width="1em" height="1em" class="me-2 text-muted" name="files"></i-bs>
+              <small i18n>{document.pages_count, plural, =1 {1 page} other {{{document.pages_count}} pages}}</small>
+            </div>
+          </div>
         }
         @if (displayFields.includes(DisplayField.ASN) && document.archive_serial_number | isNumber) {
           <div class="ps-0 p-1">