diff --git a/docs/content/7.layout/3.skeleton.md b/docs/content/7.layout/3.skeleton.md
index b4c614cd..1c932442 100644
--- a/docs/content/7.layout/3.skeleton.md
+++ b/docs/content/7.layout/3.skeleton.md
@@ -18,7 +18,7 @@ Use to show a placeholder while content is loading.
 ```vue
 <template>
   <div class="flex items-center space-x-4">
-    <USkeleton class="h-12 w-12 rounded-full" />
+    <USkeleton class="h-12 w-12" :ui="{ rounded: 'rounded-full' }" />
     <div class="space-y-2">
       <USkeleton class="h-4 w-[250px]" />
       <USkeleton class="h-4 w-[200px]" />