diff --git a/src/skins/vector/css/matrix-react-sdk/structures/FilePanel.css b/src/skins/vector/css/matrix-react-sdk/structures/FilePanel.css index 5e58d33ebb..2d2fe31c85 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/FilePanel.css +++ b/src/skins/vector/css/matrix-react-sdk/structures/FilePanel.css @@ -60,7 +60,7 @@ limitations under the License. .mx_FilePanel .mx_EventTile .mx_MImageBody_downloadLink { flex: 1 1 auto; color: #747474; - word-break: break-all; + word-wrap: break-word; } .mx_FilePanel .mx_EventTile .mx_MImageBody_size { @@ -88,7 +88,7 @@ limitations under the License. font-size: 11px; opacity: 1.0; color: #acacac; - word-break: break-all; + word-wrap: break-word; } .mx_FilePanel .mx_EventTile .mx_MessageTimestamp { diff --git a/src/skins/vector/css/matrix-react-sdk/structures/NotificationPanel.css b/src/skins/vector/css/matrix-react-sdk/structures/NotificationPanel.css index 2a42e35f4b..36d62a8177 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/NotificationPanel.css +++ b/src/skins/vector/css/matrix-react-sdk/structures/NotificationPanel.css @@ -44,6 +44,7 @@ limitations under the License. .mx_NotificationPanel .mx_EventTile_roomName { font-weight: bold; font-size: 14px; + word-wrap: break-word; } .mx_NotificationPanel .mx_EventTile_roomName a { @@ -62,6 +63,7 @@ limitations under the License. font-size: 12px; display: inline; padding-left: 0px; + word-wrap: break-word; } .mx_NotificationPanel .mx_EventTile_senderDetails { diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css index ed470c0039..2e2d9f8046 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css @@ -50,7 +50,7 @@ limitations under the License. .mx_LinkPreviewWidget_description { margin-top: 8px; white-space: normal; - word-break: break-word; + word-wrap: break-word; } .mx_LinkPreviewWidget_cancel {