diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss index 08ecec45a887f..24fa749aeb778 100644 --- a/app/assets/stylesheets/common/base/menu-panel.scss +++ b/app/assets/stylesheets/common/base/menu-panel.scss @@ -187,6 +187,10 @@ > div { overflow: hidden; // clears the text from wrapping below icons overflow-wrap: anywhere; + @supports not (overflow-wrap: anywhere) { + word-break: break-word; + } + // Truncate items with more than 2 lines. display: -webkit-box; -webkit-line-clamp: 2; diff --git a/app/assets/stylesheets/common/base/search-menu.scss b/app/assets/stylesheets/common/base/search-menu.scss index 64f44f7c6a6a4..c3b6813e2c45f 100644 --- a/app/assets/stylesheets/common/base/search-menu.scss +++ b/app/assets/stylesheets/common/base/search-menu.scss @@ -266,6 +266,9 @@ .topic-title { overflow-wrap: anywhere; + @supports not (overflow-wrap: anywhere) { + word-break: break-word; + } margin-right: 0.25em; } }