diff --git a/app/soapbox/features/profile_hover_card/profile_hover_card_container.js b/app/soapbox/features/profile_hover_card/profile_hover_card_container.js
index a7a33d17e4..e7e5c4f8c5 100644
Binary files a/app/soapbox/features/profile_hover_card/profile_hover_card_container.js and b/app/soapbox/features/profile_hover_card/profile_hover_card_container.js differ
diff --git a/app/styles/components/profile_hover_card.scss b/app/styles/components/profile_hover_card.scss
index eeae9d7c57..ebd924fa65 100644
--- a/app/styles/components/profile_hover_card.scss
+++ b/app/styles/components/profile_hover_card.scss
@@ -18,13 +18,13 @@
   z-index: 998;
   left: -10px;
   padding-top: 20px;
+  margin-bottom: 10px;
 
   &--visible {
     opacity: 1;
     pointer-events: all;
   }
 
-
   @media(min-width: 750px) {
     left: -80px;
   }
@@ -51,12 +51,18 @@
     }
   }
 
+  .relationship-tag {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    z-index: 1;
+  }
+
   .profile-hover-card__badges {
     margin: 0 20px 20px;
     display: flex;
 
-    .badge,
-    .relationship-tag {
+    .badge {
       padding: 2px 4px;
       margin-right: 5px;
       border-radius: 3px;