Page Comments Portlet alignment is incorrect in 2-Column 30/70 (in the 30 column)

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.0 DXP SP1, Master
• Fix Version/s: 7.0.0 DXP FP6, 7.0.0 DXP SP1, 7.0.0 DXP SP2, 7.0.3 CE GA4, 7.1.X, Master
• Component/s: Page Comments widget, ~ [Archived] Collaboration, ~ [Archived] Social Networking
• Labels:
  • liferay-digital-enterprise-70-sp1
  • liferay-fixpack-de-6-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Sprint: Natroapophyllite, Tetraferriphlogopite 12/20-1/3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/43600

Description:
When the Page Comments portlet is in the '30' column of a page with the 30/70 layout, the portlet does not allign correctly. Specifically, the username appears to overlap with the 'Reply' link, and word wrap is not functioning correctly but cuts off words at the end of the line (See attached Screenshot).

Steps to Reproduce:
1. In a clean DXP bundle, create a new page with the 30/70 layout.
2. Add the Page Comments portlet to the '30' column.
3. Add some comments.

Expected:
Comments are aligned correctly.
Actual:
Comments are not aligned correctly; the username appears to overlap with the 'Reply' link, and word wrap is not functioning correctly (See Screenshot).

Additional Testing:
7.0.x: ea3b29401cfcb9e7f801b7e6cc5e7008e45a1733
Issue reproduced in branch.

Master: 9d09e18d28f60f96c204cbf4d35f9eccf6c8245b
Issue reproduced in Master