diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts index 2fbac2cb..0a7275cf 100644 --- a/src/common-elements/fields.ts +++ b/src/common-elements/fields.ts @@ -71,6 +71,7 @@ export const PatternLabel = styled(FieldLabel)` export const ExampleValue = styled(FieldLabel)` border-radius: 2px; + word-break: break-word; ${({ theme }) => ` background-color: ${transparentize(0.95, theme.colors.text.primary)}; color: ${transparentize(0.1, theme.colors.text.primary)}; diff --git a/src/components/Fields/Examples.tsx b/src/components/Fields/Examples.tsx index a88d5eee..6775008c 100644 --- a/src/components/Fields/Examples.tsx +++ b/src/components/Fields/Examples.tsx @@ -31,6 +31,5 @@ export function Examples({ field }: { field: FieldModel }) { const ExamplesList = styled.ul` margin-top: 1em; - padding-left: 0; - list-style-position: inside; + padding-left: 17px; `;