diff --git a/web/packages/hovercards/src/style.scss b/web/packages/hovercards/src/style.scss index 6a3328b..9bc7d45 100644 --- a/web/packages/hovercards/src/style.scss +++ b/web/packages/hovercards/src/style.scss @@ -151,11 +151,11 @@ $font-sf-pro: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Robo } .gravatar-hovercard__profile-url { - // webkit-box used by ellipsis mixin - // doesn't work well for URLs on Firefox - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + + @include ellipsis(1); + + /* Ensure consistent word-breaking across browsers. */ + word-break: break-all; color: $color-gray; }