diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts
index 01a2281332..4aec2ffb92 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/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/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts b/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts
index b3bad0653a..8ec196ef4f 100644
--- a/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts
+++ b/frontend/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,