diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
index 6580fc27d..1518acba7 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
@@ -61,7 +61,7 @@
             </a>
           </div>
 
-          <div class="btn-group border-0 card-metadata ml-md-auto text-light">
+          <div class="btn-group border-0 card-info ml-md-auto text-light">
             <button *ngIf="searchScore" type="button" class="btn btn-sm bg-light text-light pl-0 p-1 pt-2 mr-2 border-0 d-flex" disabled="disabled">
               <small class="text-muted" i18n>Score:</small>
               <ngb-progressbar [type]="searchScoreClass" [value]="searchScore" class="search-score-bar mx-2 mt-1" [max]="1"></ngb-progressbar>
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
index 9caaabf5c..340b302f9 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
@@ -38,7 +38,7 @@
   background-color: $primaryFaded;
 }
 
-.card-metadata {
+.card-info {
   line-height: 1;
 
   button {
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 7de26bf0f..56192d1f0 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
@@ -29,7 +29,7 @@
       </p>
     </div>
     <div class="card-footer pt-0 pb-2 px-2">
-      <div class="list-group list-group-flush border-0 pt-1 pb-2 card-metadata">
+      <div class="list-group list-group-flush border-0 pt-1 pb-2 card-info">
         <button *ngIf="document.document_type" type="button" class="list-group-item list-group-item-action bg-light text-left pl-0 p-1 border-0"
           placement="left" ngbTooltip="Filter by document type"
          (click)="clickDocumentType.emit(document.document_type);$event.stopPropagation()">
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
index 46f0f9be8..c712de017 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
@@ -39,7 +39,7 @@
   background-color: $primaryFaded;
 }
 
-.card-metadata {
+.card-info {
   line-height: 1;
 
   button {