diff --git a/packages/@adobe/spectrum-css-temp/components/menu/index.css b/packages/@adobe/spectrum-css-temp/components/menu/index.css
index 9fd32a36c23..8b5fa4a638e 100644
--- a/packages/@adobe/spectrum-css-temp/components/menu/index.css
+++ b/packages/@adobe/spectrum-css-temp/components/menu/index.css
@@ -110,7 +110,7 @@ governing permissions and limitations under the License.
.spectrum-Menu-itemLabel {
grid-area: text;
line-height: var(--spectrum-global-font-line-height-small);
- word-break: break-all;
+ word-break: break-word;
}
.spectrum-Menu-itemLabel--wrapping {
diff --git a/packages/@react-spectrum/picker/stories/Picker.stories.tsx b/packages/@react-spectrum/picker/stories/Picker.stories.tsx
index 03734ffa80b..a0ae70d8723 100644
--- a/packages/@react-spectrum/picker/stories/Picker.stories.tsx
+++ b/packages/@react-spectrum/picker/stories/Picker.stories.tsx
@@ -57,9 +57,9 @@ storiesOf('Picker', module)
'default',
() => (
- - One
- - Two
- - Three
+ - Short
+ - Normal
+ - This item is very long and word wraps poorly
)
)
@@ -305,6 +305,7 @@ storiesOf('Picker', module)
- your_text_here_long_long_long_long
- your-text-here-long-long-long-long
- supercalifragilisticexpialidocious
+ - This item is very long and word wraps poorly
)
)
diff --git a/packages/dev/docs/src/syntax-highlight.css b/packages/dev/docs/src/syntax-highlight.css
index 4775ff06b85..9eb02a8864a 100644
--- a/packages/dev/docs/src/syntax-highlight.css
+++ b/packages/dev/docs/src/syntax-highlight.css
@@ -122,7 +122,7 @@
text-align: left;
word-spacing: normal;
- word-break: break-all;
+ word-break: break-word;
line-height: 1.5;
-moz-tab-size: 4;