Legacy option for overflow wrap & update changeset bump

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

.changeset/poor-jars-sniff.md

@@ -1,5 +1,4 @@
 ---
-'example-app': patch
 '@backstage/core-components': patch
 '@backstage/create-app': patch
 '@backstage/plugin-api-docs': patch

packages/app/src/components/catalog/EntityPage.tsx

@@ -137,7 +137,7 @@ const EntityLayoutWrapper = (props: { children?: ReactNode }) => {
 
 /**
  * TODO: For the MUI Grid to work there have to be "xs" set on every GridItem,
- * such that the seperation of space is clear from the smalles screen size upwards
+ * such that the seperation of space is clear from the smallest screen size upwards
  * https://material-ui.com/components/grid/#basic-grid.
  */
 

packages/create-app/templates/default-app/packages/app/src/components/catalog/EntityPage.tsx

@@ -159,7 +159,7 @@ const websiteEntityPage = (
 
 /**
  * TODO: For the MUI Grid to work there have to be "xs" set on every GridItem,
- * such that the seperation of space is clear from the smalles screen size upwards
+ * such that the seperation of space is clear from the smallest screen size upwards
  * https://material-ui.com/components/grid/#basic-grid.
  */
 

plugins/techdocs/src/reader/components/Reader.tsx

@@ -52,6 +52,9 @@ type Props = {
 
 const useStyles = makeStyles<BackstageTheme>(() => ({
   message: {
+    // `word-break: break-word` is deprecated, but gives legacy support to browsers not supporting `overflow-wrap` yet
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break
+    wordBreak: 'break-word',
     overflowWrap: 'anywhere',
   },
 }));