diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss
index 9e86b3c70..c4738f8ac 100644
--- a/webapp/assets/_new/styles/tokens.scss
+++ b/webapp/assets/_new/styles/tokens.scss
@@ -240,6 +240,7 @@ $size-height-base: 42px;
 $size-height-large: 50px;
 $size-height-xlarge: 60px;
 $size-height-footer: 64px;
+$size-height-connections: 300px;
 $size-tappable-square: 44px;
 $size-ribbon: 6px;
 
diff --git a/webapp/components/features/FollowList/FollowList.vue b/webapp/components/features/FollowList/FollowList.vue
index a5ed02713..3f5791438 100644
--- a/webapp/components/features/FollowList/FollowList.vue
+++ b/webapp/components/features/FollowList/FollowList.vue
@@ -124,18 +124,19 @@ export default {
   display: flex;
   flex-direction: column;
   position: relative;
-  //max-height: ($size-avatar-small + $space-x-small * 2) * 8;
   width: auto;
 
   > .title {
     color: $text-color-soft;
-    font-size: $font-size-small + 0.03rem;
+    font-size: $font-size-base;
   }
 
-  .connections.--overflow {
-    height: ($size-avatar-base + $space-x-small * 2) * 5;
-    margin-top: -$space-x-small;
-    overflow-y: auto;
+  .connections {
+    height: $size-height-connections;
+
+    &.--overflow {
+      overflow-y: auto;
+    }
   }
 
   .nobody-message {
@@ -143,12 +144,12 @@ export default {
     color: $text-color-soft;
   }
 
-> :nth-child(n):not(:last-child) {
+  > :nth-child(n):not(:last-child) {
     margin-bottom: $space-small;
-}
+  }
 
-.user-teaser {
+  .user-teaser {
     margin-bottom: $space-x-small;
-}
+  }
 }
 </style>