diff --git a/components/lib/skeleton/style/SkeletonStyle.js b/components/lib/skeleton/style/SkeletonStyle.js index 3c655307f..ff108d1c0 100644 --- a/components/lib/skeleton/style/SkeletonStyle.js +++ b/components/lib/skeleton/style/SkeletonStyle.js @@ -4,7 +4,7 @@ const theme = ({ dt }) => ` .p-skeleton { overflow: hidden; background-color: ${dt('skeleton.background')}; - border-radius: ${dt('border.radius.md')}; + border-radius: ${dt('skeleton.border.radius')}; } .p-skeleton::after { diff --git a/components/lib/themes/aura/skeleton/index.js b/components/lib/themes/aura/skeleton/index.js index 16aa0c517..07fc58365 100644 --- a/components/lib/themes/aura/skeleton/index.js +++ b/components/lib/themes/aura/skeleton/index.js @@ -1,4 +1,7 @@ export default { + root: { + borderRadius: '{content.border.radius}' + }, colorScheme: { light: { root: { diff --git a/components/lib/themes/lara/skeleton/index.js b/components/lib/themes/lara/skeleton/index.js index 16aa0c517..07fc58365 100644 --- a/components/lib/themes/lara/skeleton/index.js +++ b/components/lib/themes/lara/skeleton/index.js @@ -1,4 +1,7 @@ export default { + root: { + borderRadius: '{content.border.radius}' + }, colorScheme: { light: { root: {