fix: wrap long legal values/descriptions (#927)

Unleash · Apr 29, 2022 · 8f94b2f · 8f94b2f
1 parent 492ef5f
commit 8f94b2f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/...traintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts b/...traintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts
@@ -3,6 +3,7 @@ import { makeStyles } from '@material-ui/core/styles';
 export const useStyles = makeStyles(theme => ({
  container: {
  display: 'inline-block',
+ wordBreak: 'break-word',
  },
  value: {
  lineHeight: 1.33,

diff --git a/src/component/context/ContectFormChip/ContextFormChip.styles.ts b/src/component/context/ContectFormChip/ContextFormChip.styles.ts
@@ -11,6 +11,7 @@ export const useStyles = makeStyles(theme => ({
  padding: '0.5rem',
  background: theme.palette.grey[200],
  borderRadius: theme.borders.radius.main,
+ wordBreak: 'break-word',
  },
  label: {
  fontSize: theme.fontSizes.smallBody,