@patternfly/patternfly 6.6.0-prerelease.15 → 6.6.0-prerelease.17

package/components/AboutModalBox/about-modal-box.css

@@ -164,7 +164,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   -webkit-overflow-scrolling: touch;
 }
 @media screen and (min-width: 36rem) {

package/components/AboutModalBox/about-modal-box.scss

@@ -176,7 +176,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   -webkit-overflow-scrolling: touch;
 
   @media screen and (min-width: $pf-v6-global--breakpoint--sm) {

package/components/Alert/alert.css

@@ -163,7 +163,7 @@
   grid-area: title;
   font-weight: var(--pf-v6-c-alert__title--FontWeight);
   color: var(--pf-v6-c-alert__title--Color);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 .pf-v6-c-alert__title.pf-m-truncate {
   display: -webkit-box;
@@ -175,7 +175,7 @@
 .pf-v6-c-alert__description {
   grid-area: description;
   padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
   --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);

package/components/Alert/alert.scss

@@ -205,7 +205,7 @@
   grid-area: title;
   font-weight: var(--#{$alert}__title--FontWeight);
   color: var(--#{$alert}__title--Color);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 
   &.pf-m-truncate {
     @include pf-v6-line-clamp("var(--#{$alert}__title--max-lines)");
@@ -215,7 +215,7 @@
 .#{$alert}__description {
   grid-area: description;
   padding-block-start: var(--#{$alert}__description--PaddingBlockStart);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 
   + .#{$alert}__action-group {
     --#{$alert}__action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart);

package/components/Breadcrumb/breadcrumb.css

@@ -68,7 +68,7 @@
   font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
   line-height: inherit;
   color: var(--pf-v6-c-breadcrumb__link--Color);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
   text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
   text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);

package/components/Breadcrumb/breadcrumb.scss

@@ -83,7 +83,7 @@
   font-weight: var(--#{$breadcrumb}__link--FontWeight);
   line-height: inherit;
   color: var(--#{$breadcrumb}__link--Color);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   text-decoration-line: var(--#{$breadcrumb}__link--TextDecorationLine);
   text-decoration-style: var(--#{$breadcrumb}__link--TextDecorationStyle);
   text-decoration-color: var(--#{$breadcrumb}__link--TextDecorationColor);

package/components/ClipboardCopy/clipboard-copy.css

@@ -86,7 +86,7 @@
 }
 
 .pf-v6-c-clipboard-copy__text {
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   white-space: normal;
 }
 .pf-v6-c-clipboard-copy__text.pf-m-code {

package/components/ClipboardCopy/clipboard-copy.scss

@@ -108,7 +108,7 @@
 }
 
 .#{$clipboard-copy}__text {
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   white-space: normal;
 
   &.pf-m-code {

package/components/Menu/menu.css

@@ -587,7 +587,7 @@
 .pf-v6-c-menu__item-description {
   font-size: var(--pf-v6-c-menu__item-description--FontSize);
   color: var(--pf-v6-c-menu__item-description--Color);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .pf-v6-c-menu__item-check .pf-v6-c-check {

package/components/Menu/menu.scss

@@ -627,7 +627,7 @@
 .#{$menu}__item-description {
   font-size: var(--#{$menu}__item-description--FontSize);
   color: var(--#{$menu}__item-description--Color);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 // - Menu check

package/components/ModalBox/modal-box.css

@@ -183,7 +183,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   -webkit-overflow-scrolling: touch;
 }
 .pf-v6-c-modal-box__body:last-child {

package/components/ModalBox/modal-box.scss

@@ -226,7 +226,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   -webkit-overflow-scrolling: touch;
 
   &:last-child {

package/components/NotificationDrawer/notification-drawer.css

@@ -197,7 +197,7 @@
 
 .pf-v6-c-notification-drawer__list-item-header-title {
   font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
   display: -webkit-box;
@@ -219,7 +219,7 @@
   grid-row: 2/3;
   grid-column: 1/2;
   margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -264,7 +264,7 @@
   margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
   font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
   text-align: start;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .pf-v6-c-notification-drawer__group-toggle-count {

package/components/NotificationDrawer/notification-drawer.scss

@@ -242,7 +242,7 @@
 
 .#{$notification-drawer}__list-item-header-title {
   font-weight: var(--#{$notification-drawer}__list-item-header-title--FontWeight);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 
   &.pf-m-truncate {
     @include pf-v6-line-clamp("var(--#{$notification-drawer}__list-item-header-title--max-lines)");
@@ -263,7 +263,7 @@
   grid-row: 2 / 3;
   grid-column: 1 / 2;
   margin-block-end: var(--#{$notification-drawer}__list-item-description--MarginBlockEnd);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .#{$notification-drawer}__list-item-timestamp {
@@ -307,7 +307,7 @@
   margin-inline-end: var(--#{$notification-drawer}__group-toggle-title--MarginInlineEnd);
   font-size: var(--#{$notification-drawer}__group-toggle-title--FontSize);
   text-align: start;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .#{$notification-drawer}__group-toggle-count {

package/components/Progress/progress.css

@@ -130,7 +130,7 @@
 
 .pf-v6-c-progress__description {
   grid-column: 1/2;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 .pf-v6-c-progress__description.pf-m-truncate {
   overflow: hidden;
@@ -146,7 +146,7 @@
   align-items: flex-start;
   justify-content: flex-end;
   text-align: end;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .pf-v6-c-progress__status-icon {

package/components/Progress/progress.scss

@@ -163,7 +163,7 @@
 // the progress__description is displayed above the progress bar on the left
 .#{$progress}__description {
   grid-column: 1 / 2;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 
   &.pf-m-truncate {
     @include pf-v6-text-overflow;
@@ -179,7 +179,7 @@
   align-items: flex-start;
   justify-content: flex-end;
   text-align: end;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 // the progress__status-icon is an icon displayed always in the upper right

package/components/Table/table.css

@@ -155,7 +155,7 @@
   --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
   --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
-  --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
+  --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
   --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
   --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -198,16 +198,13 @@
 .pf-v6-c-table.pf-m-fixed {
   table-layout: fixed;
 }
-.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
+.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
   opacity: 0;
   transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
   transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
   transition-property: opacity;
 }
-.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
-  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
-}
-.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
+.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
   opacity: 1;
 }
 .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -218,27 +215,39 @@
   inset-block-start: 0;
   z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
 }
-.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
+.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
   position: absolute;
   inset: 0;
   z-index: -1;
   pointer-events: none;
   content: "";
-  background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
   border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
   box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
 }
-.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
-  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
-}
-.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
+.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
   position: absolute;
   inset: 0;
-  z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
+  z-index: -1;
   pointer-events: none;
   content: "";
+  background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
   border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
 }
+.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
+  border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
+  border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
+  border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
+  border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
+  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
+}
+:where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
+  --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
+  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
+}
 .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
   border-block-end: 0;
 }
@@ -949,14 +958,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   vertical-align: bottom;
 }
 .pf-v6-c-table__thead.pf-m-nested-column-header {
+  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
   position: relative;
 }
-.pf-v6-c-table__thead.pf-m-nested-column-header::after {
-  position: absolute;
-  inset: 0;
+.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
   z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
   pointer-events: none;
-  content: "";
   border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
 }
 .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -997,7 +1004,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   border-block-end: 0;
 }
 .pf-v6-c-table__tr.pf-m-border-row {
-  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
+  height: var(--pf-v6-c-table--border-width--base);
+  background-color: var(--pf-v6-c-table--BorderColor);
 }
 
 .pf-v6-c-table__tfoot {

package/components/Table/table.scss

@@ -241,7 +241,7 @@
   // * Table nested column header
   --#{$table}__thead--m-nested-column-header--BorderBlockEndWidth: var(--#{$table}--border-width--base);
   --#{$table}__thead--m-nested-column-header--BorderBlockEndColor: var(--#{$table}--BorderColor);
-  --#{$table}__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
+  --#{$table}__thead--m-nested-column-header--after--ZIndex: initial;
   --#{$table}__thead--m-nested-column-header--button--OutlineOffset: #{pf-size-prem(-3px)};
   --#{$table}__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --#{$table}__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -301,8 +301,8 @@
     table-layout: fixed;
   }
 
-  &.pf-m-sticky-header-base > .#{$table}__thead {
-    &::before,
+  &.pf-m-sticky-header-base > .#{$table}__thead, 
+  &.pf-m-sticky-header-base > .#{$table}__thead .#{$table}__th {
     &::after {
       opacity: 0;
       transition-timing-function: var(--#{$table}--m-sticky-header--TransitionTimingFunction--BackgroundColor);
@@ -311,13 +311,8 @@
     }
   }
 
-  &.pf-m-sticky-header,
-  &.pf-m-sticky-header-stuck {
-    --#{$table}__thead--m-nested-column-header--BorderBlockEndWidth: 0;
-  }
-
-  &.pf-m-sticky-header-stuck > .#{$table}__thead {
-    &::before,
+  &.pf-m-sticky-header-stuck > .#{$table}__thead, 
+  &.pf-m-sticky-header-stuck > .#{$table}__thead .#{$table}__th {
     &::after {
       opacity: 1;
     }
@@ -332,32 +327,47 @@
       inset-block-start: 0;
       z-index: var(--#{$table}--m-sticky-header--ZIndex);
 
-      &::before {
+      &::after {
         position: absolute;
         inset: 0;
         z-index: -1;
         pointer-events: none;
         content: '';
-        background-color: var(--#{$table}--m-sticky-header--BackgroundColor);
         border-radius: var(--#{$table}--m-sticky-header--BorderRadius);
         box-shadow: var(--#{$table}--m-sticky-header--BoxShadow);
       }
+  
+
+      .#{$table}__th::after {
+        position: absolute;
+        inset: 0;
+        z-index: -1;
+        pointer-events: none;
+        content: '';
+        background-color: var(--#{$table}--m-sticky-header--BackgroundColor);
+        border-block-end: var(--#{$table}--m-sticky-header--BorderBlockEndWidth) solid var(--#{$table}--m-sticky-header--BorderBlockEndColor);
+      }
+
+      .#{$table}__th:first-child::after {
+        border-start-start-radius: var(--#{$table}--m-sticky-header--BorderRadius);
+        border-end-start-radius: var(--#{$table}--m-sticky-header--BorderRadius);
+      }
+
+      .#{$table}__th:last-child::after {
+        border-start-end-radius: var(--#{$table}--m-sticky-header--BorderRadius);
+        border-end-end-radius: var(--#{$table}--m-sticky-header--BorderRadius);
+      }
 
       > :where(th, td) {
         z-index: var(--#{$table}--m-sticky-header--cell--ZIndex); // set z-index here to allow sticky column to override
       }
     }
-  }
 
-  &.pf-m-sticky-header,
-  &.pf-m-sticky-header-base {
-    > .#{$table}__thead::after {
-      position: absolute;
-      inset: 0;
-      z-index: var(--#{$table}--m-sticky-header--border--ZIndex);
-      pointer-events: none;
-      content: '';
-      border-block-end: var(--#{$table}--m-sticky-header--BorderBlockEndWidth) solid var(--#{$table}--m-sticky-header--BorderBlockEndColor);
+    :where(.pf-v6-theme-glass) & {
+      .pf-m-nested-column-header {
+        --#{$table}--m-sticky-header--BorderRadius: 0;
+        --#{$table}__thead--m-nested-column-header--BorderBlockEndWidth: 0;
+      }
     }
   }
 
@@ -1288,14 +1298,13 @@
 
   // - Table nested column header button
   &.pf-m-nested-column-header {
+    --#{$table}--m-sticky-header--BorderBlockEndWidth: 0;
+
     position: relative;
 
-    &::after {
-      position: absolute;
-      inset: 0;
+    .#{$table}__tr:last-child:not(.pf-m-border-row) {
       z-index: var(--#{$table}__thead--m-nested-column-header--after--ZIndex);
       pointer-events: none;
-      content: '';
       border-block-end: var(--#{$table}__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--#{$table}__thead--m-nested-column-header--BorderBlockEndColor);
     }
 
@@ -1359,7 +1368,8 @@
   }
 
   &.pf-m-border-row {
-    border-block-end: var(--#{$table}--border-width--base) solid var(--#{$table}--BorderColor);
+    height: var(--#{$table}--border-width--base);
+    background-color: var(--#{$table}--BorderColor);
   }
 }
 

package/components/Title/title.css

@@ -41,7 +41,7 @@
 
 .pf-v6-c-title {
   font-family: var(--pf-v6-c-title--FontFamily);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 .pf-v6-c-title.pf-m-4xl {
   font-size: var(--pf-v6-c-title--m-4xl--FontSize);

package/components/Title/title.scss

@@ -71,7 +71,7 @@
 
 .#{$title} {
   font-family: var(--#{$title}--FontFamily);
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 
   &.pf-m-4xl {
     font-size: var(--#{$title}--m-4xl--FontSize);

package/components/Tooltip/tooltip.css

@@ -98,7 +98,7 @@
   font-size: var(--pf-v6-c-tooltip__content--FontSize);
   color: var(--pf-v6-c-tooltip__content--Color);
   text-align: center;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
   border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
 }

package/components/Tooltip/tooltip.scss

@@ -129,7 +129,7 @@
   font-size: var(--#{$tooltip}__content--FontSize);
   color: var(--#{$tooltip}__content--Color);
   text-align: center;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   background-color: var(--#{$tooltip}__content--BackgroundColor);
   border-radius: var(--#{$tooltip}__content--BorderRadius);
 

package/components/Wizard/wizard.css

@@ -259,7 +259,7 @@
   align-items: baseline;
   margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
   text-align: start;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
   margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -395,7 +395,7 @@
   padding-inline: 0;
   color: var(--pf-v6-c-wizard__nav-link--Color);
   text-align: start;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
   counter-increment: wizard-nav-count;
   background-color: transparent;
@@ -514,7 +514,7 @@
   flex-direction: column;
   overflow-x: hidden;
   overflow-y: auto;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .pf-v6-c-wizard__main-body {

package/components/Wizard/wizard.scss

@@ -325,7 +325,7 @@
   align-items: baseline;
   margin-block-end: var(--#{$wizard}__toggle-list-item--MarginBlockEnd);
   text-align: start;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 
   &:not(:last-child) {
     margin-inline-end: var(--#{$wizard}__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -478,7 +478,7 @@
   padding-inline: 0;
   color: var(--#{$wizard}__nav-link--Color);
   text-align: start; // needed for when the item is a button
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   text-decoration-line: var(--#{$wizard}__nav-link--TextDecoration);
   counter-increment: wizard-nav-count;
   background-color: transparent;
@@ -614,7 +614,7 @@
   flex-direction: column;
   overflow-x: hidden;
   overflow-y: auto;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .#{$wizard}__main-body {