Back to Reports

Order Summary Total Amount Text Overflow

open Sep 29, 2025 PluginWoocommerce

Summary:

The total amount in the checkout order summary is overflowing its container. This visual bug occurs both on the frontend checkout page and within the block editor.

The issue is most likely caused by the text description for the total amount being too long, which prevents the numerical value from fitting on the same line. This results in a broken layout where the price wraps or overflows, compromising the design and user experience.

How to Replicate:

  • Navigate to the checkout page on the frontend, or open the checkout block in the editor.
  • Observe the order summary section, specifically the 'Total' line item.
  • The issue is visible when the descriptive text is long enough to cause the total price to overflow or wrap incorrectly.