diff --git a/frontend/app/features/content/shared/references/reference-item.component.html b/frontend/app/features/content/shared/references/reference-item.component.html
index cbdfcccc2..237598464 100644
--- a/frontend/app/features/content/shared/references/reference-item.component.html
+++ b/frontend/app/features/content/shared/references/reference-item.component.html
@@ -21,7 +21,7 @@
     </td>
 
     <td class="cell-label" *ngIf="!isCompact">
-        <span class="badge badge-primary rounded-pill truncate-inline" [title]="content.schemaDisplayName">{{content.schemaDisplayName}}</span>
+        <span class="badge badge-primary rounded-pill truncate-inline">{{content.schemaDisplayName}}</span>
     </td>
 
     <td class="cell-actions">
diff --git a/frontend/app/features/content/shared/references/reference-item.component.scss b/frontend/app/features/content/shared/references/reference-item.component.scss
index a96af5e27..d6ae419bc 100644
--- a/frontend/app/features/content/shared/references/reference-item.component.scss
+++ b/frontend/app/features/content/shared/references/reference-item.component.scss
@@ -25,11 +25,9 @@
         position: relative;
 
         .badge {
+            @include absolute(1.25rem, .75rem);
             max-width: 500px;
-            position: absolute;
-            right: .75rem;
-            top: 1.25rem;
-            width: auto;
+            transition: .2s ease-in all;
         }
     }
 }
\ No newline at end of file