From edd6ed10cb0559f3c7c7e444122b0dc403e68ec6 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Tue, 2 Nov 2021 17:38:29 +0100
Subject: [PATCH] Fix label jump.

---
 .../references/reference-item.component.html       |  4 +++-
 .../references/reference-item.component.scss       | 14 ++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

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 237598464..e37bd7dc7 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,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">
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 d6ae419bc..bd7831242 100644
--- a/frontend/app/features/content/shared/references/reference-item.component.scss
+++ b/frontend/app/features/content/shared/references/reference-item.component.scss
@@ -21,13 +21,15 @@
 }
 
 .cell-label {
-    &:hover {
-        position: relative;
+    position: relative;
 
-        .badge {
-            @include absolute(1.25rem, .75rem);
-            max-width: 500px;
-            transition: .2s ease-in all;
+    .badge-container {
+        @include absolute(0, 0, 0, 0);
+    }
+
+    &:hover {
+        .badge-container {
+            left: auto;
         }
     }
 }
\ No newline at end of file