diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss index c24627ad6..ba02ea480 100644 --- a/app/javascript/src/styles/common/main_layout.scss +++ b/app/javascript/src/styles/common/main_layout.scss @@ -40,6 +40,8 @@ footer#page-footer { @media (min-width: 1920px) { min-width: 280px; } + + overflow-wrap: break-word; } #content { diff --git a/app/javascript/src/styles/specific/post_tooltips.scss b/app/javascript/src/styles/specific/post_tooltips.scss index a726a1d6c..e3ea9d304 100644 --- a/app/javascript/src/styles/specific/post_tooltips.scss +++ b/app/javascript/src/styles/specific/post_tooltips.scss @@ -32,8 +32,13 @@ $tooltip-body-height: $tooltip-line-height * 6; // 4 lines high. margin-right: 0; } - .post-tooltip-body-left { flex: 0; } - .post-tooltip-body-right { flex: 1; } + .post-tooltip-body-left { + flex: 0; + } + .post-tooltip-body-right { + flex: 1; + min-width: 0; + } } div.post-tooltip-header {