Fix label jump.

frontend/app/features/content/shared/references/reference-item.component.html

@@ -21,7 +21,9 @@
     </td>
 
     <td class="cell-label" *ngIf="!isCompact">
-        <span class="badge badge-primary rounded-pill truncate-inline">{{content.schemaDisplayName}}</span>
+        <div class="badge-container d-flex align-items-center">
+            <span class="badge badge-primary rounded-pill truncate-inline">{{content.schemaDisplayName}}</span>
+        </div>
     </td>
 
     <td class="cell-actions">

frontend/app/features/content/shared/references/reference-item.component.scss

@@ -21,13 +21,15 @@
 }
 
 .cell-label {
-    &:hover {
+    position: relative;
-        position: relative;
 
-        .badge {
+    .badge-container {
-            @include absolute(1.25rem, .75rem);
+        @include absolute(0, 0, 0, 0);
-            max-width: 500px;
+    }
-            transition: .2s ease-in all;
+
+    &:hover {
+        .badge-container {
+            left: auto;
         }
     }
 }