diff --git a/webapp/components/PostCard/PostCard.vue b/webapp/components/PostCard/PostCard.vue
index b99474ebc..819a88f8f 100644
--- a/webapp/components/PostCard/PostCard.vue
+++ b/webapp/components/PostCard/PostCard.vue
@@ -193,6 +193,8 @@ export default {
   /* workaround to avoid jumping layout when user-teaser is rendered */
   .user-wrapper {
     height: 36px;
+    position: relative;
+    z-index: $z-index-post-card-link;
   }
 
   .content-menu {
diff --git a/webapp/components/UserTeaser/UserTeaser.vue b/webapp/components/UserTeaser/UserTeaser.vue
index 2057a8fcd..beb633dc8 100644
--- a/webapp/components/UserTeaser/UserTeaser.vue
+++ b/webapp/components/UserTeaser/UserTeaser.vue
@@ -158,8 +158,6 @@ export default {
 .user-teaser {
   display: flex;
   flex-wrap: nowrap;
-  z-index: $z-index-post-card-link;
-  position: relative;
 
   > .user-avatar {
     flex-shrink: 0;