From 40ccc408dfd85e5910d12b266c3dd12bb1c6711e Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Fri, 27 Jan 2023 19:08:32 +0000
Subject: [PATCH] Design review

---
 src-docs/src/views/skeleton/skeleton_example.js  | 2 +-
 src/components/skeleton/skeleton_text.styles.ts  | 2 +-
 src/components/skeleton/skeleton_title.styles.ts | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src-docs/src/views/skeleton/skeleton_example.js b/src-docs/src/views/skeleton/skeleton_example.js
index aac6a670bd9..058b4bbaabd 100644
--- a/src-docs/src/views/skeleton/skeleton_example.js
+++ b/src-docs/src/views/skeleton/skeleton_example.js
@@ -121,7 +121,7 @@ export const SkeletonExample = {
       text: (
         <EuiText>
           <p>
-            <strong>EuiSkeletonCircle</strong> allows you define a large and
+            <strong>EuiSkeletonRectangle</strong> allows you define a large and
             customizable shape via its <EuiCode>width</EuiCode>,{' '}
             <EuiCode>height</EuiCode>, and <EuiCode>borderRadius</EuiCode>{' '}
             props.
diff --git a/src/components/skeleton/skeleton_text.styles.ts b/src/components/skeleton/skeleton_text.styles.ts
index 793f30a6863..6ad5de13d8c 100644
--- a/src/components/skeleton/skeleton_text.styles.ts
+++ b/src/components/skeleton/skeleton_text.styles.ts
@@ -36,7 +36,7 @@ export const euiSkeletonCommonStyles = (euiThemeContext: UseEuiTheme) => {
     euiSkeletonText: css`
       display: block;
       ${logicalCSS('width', '100%')}
-      border-radius: ${euiTheme.border.radius.medium};
+      border-radius: ${euiTheme.border.radius.small};
       ${euiSkeletonGradientAnimation(euiThemeContext)}
 
       // Offset via transform to more closely match placement of text
diff --git a/src/components/skeleton/skeleton_title.styles.ts b/src/components/skeleton/skeleton_title.styles.ts
index cca7f9bce54..469eb5f4050 100644
--- a/src/components/skeleton/skeleton_title.styles.ts
+++ b/src/components/skeleton/skeleton_title.styles.ts
@@ -41,6 +41,7 @@ export const euiSkeletonTitleStyles = (euiThemeContext: UseEuiTheme) => {
     `,
     xxxs: css`
       ${logicalCSS('height', euiTitle(euiThemeContext, 'xxxs').lineHeight)};
+      border-radius: ${euiTheme.border.radius.small};
     `,
   };
 };