From 4b03d32a6d49a150b6f4bc5869c74ad7df1bc651 Mon Sep 17 00:00:00 2001
From: anastasiia-developer <anastasiia@redocly.com>
Date: Thu, 28 Apr 2022 18:44:32 +0300
Subject: [PATCH] fix: large text in examples value

---
 src/common-elements/fields.ts      | 1 +
 src/components/Fields/Examples.tsx | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

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;
 `;