diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js
index 889afc01e0..41ccfc0ffb 100644
Binary files a/app/soapbox/components/status.js and b/app/soapbox/components/status.js differ
diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js
index a31d826bed..a88395e2a9 100644
Binary files a/app/soapbox/features/status/components/detailed_status.js and b/app/soapbox/features/status/components/detailed_status.js differ
diff --git a/app/soapbox/features/ui/components/user_panel.js b/app/soapbox/features/ui/components/user_panel.js
index 83dfd20992..da515ffed6 100644
Binary files a/app/soapbox/features/ui/components/user_panel.js and b/app/soapbox/features/ui/components/user_panel.js differ
diff --git a/app/soapbox/pages/home_page.js b/app/soapbox/pages/home_page.js
index f06bd90eb1..eeeafede96 100644
Binary files a/app/soapbox/pages/home_page.js and b/app/soapbox/pages/home_page.js differ
diff --git a/app/styles/components/drawer.scss b/app/styles/components/drawer.scss
index 7dc5a1a10c..39e936158b 100644
--- a/app/styles/components/drawer.scss
+++ b/app/styles/components/drawer.scss
@@ -20,7 +20,7 @@
 .column,
 .drawer {
   flex: 1 1 100%;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .drawer__pager {
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index 0d349764b8..f167cf2ac7 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -152,7 +152,6 @@
 .status__info .status__display-name {
   display: block;
   max-width: 100%;
-  padding-right: 25px;
 }
 
 .status__info {
@@ -160,6 +159,27 @@
   z-index: 4;
 }
 
+.status__profile,
+.detailed-status__profile {
+  display: inline-block;
+
+  .user-panel {
+    position: absolute;
+    display: flex;
+    opacity: 0;
+    pointer-events: none;
+    transition-property: opacity;
+    transition-duration: 0.5s;
+    z-index: 999;
+
+    &--visible {
+      opacity: 1;
+      transition-delay: 1s;
+      pointer-events: all;
+    }
+  }
+}
+
 .status-check-box {
   border-bottom: 1px solid var(--background-color);
   display: flex;
diff --git a/app/styles/components/user-panel.scss b/app/styles/components/user-panel.scss
index cf49a3d68a..44ec3cd9b4 100644
--- a/app/styles/components/user-panel.scss
+++ b/app/styles/components/user-panel.scss
@@ -3,7 +3,13 @@
   display: flex;
   width: 265px;
   flex-direction: column;
-  overflow-y: hidden;
+
+  &,
+  .user-panel__account__name,
+  .user-panel__account__username {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 
   &__header {
     display: block;