va-modal: set overflow-wrap:anywhere on modal content (#1372)

* va-modal: set overflow-wrap:anywhere on modal content * Fix issue with overflow being applied to buttons
department-of-veterans-affairs · Oct 25, 2024 · e0923ba · e0923ba
1 parent 71dd9be
commit e0923ba
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/web-components/src/components/va-modal/va-modal.scss b/packages/web-components/src/components/va-modal/va-modal.scss
@@ -30,6 +30,9 @@
     width: 100%;
   }
 }
+.usa-modal__main div[role=document] {
+  overflow-wrap: anywhere; // Prevent text overflowing the modal when words are longer than the modal width
+}
 
 @media screen and (max-width: 481px) {
   .usa-modal__content {