diff --git a/app/views/relation/mini.scala b/app/views/relation/mini.scala
index 289101bcc8..dc8901c7fe 100644
--- a/app/views/relation/mini.scala
+++ b/app/views/relation/mini.scala
@@ -16,11 +16,14 @@ object mini {
   )(implicit ctx: Context) =
     relation match {
       case None if followable && !blocked =>
+        val name   = trans.follow.txt()
+        val isLong = name.sizeIs > 8
         a(
-          cls := "btn-rack__btn relation-button text",
+          cls := s"btn-rack__btn relation-button${!isLong ?? " text"}",
           dataIcon := "",
-          href := s"${routes.Relation.follow(userId)}?mini=1"
-        )(trans.follow())
+          href := s"${routes.Relation.follow(userId)}?mini=1",
+          title := isLong option name
+        )(!isLong option name)
       case Some(true) =>
         a(
           cls := "btn-rack__btn relation-button text",
diff --git a/ui/common/css/component/_btn-rack.scss b/ui/common/css/component/_btn-rack.scss
index 2b9f49a26d..5b64383865 100644
--- a/ui/common/css/component/_btn-rack.scss
+++ b/ui/common/css/component/_btn-rack.scss
@@ -21,6 +21,7 @@
     cursor: pointer;
     border-right: $border;
     color: $c-font;
+    white-space: nowrap;
 
     &:hover {
       @extend %metal-hover;