diff --git a/docs/components/stat.md b/docs/components/stat.md
index 3153785..7659163 100644
--- a/docs/components/stat.md
+++ b/docs/components/stat.md
@@ -78,19 +78,19 @@ const IconsDemo = () => {
       label: 'Active Users',
       value: '1,234',
       desc: 'Currently online',
-      icon: Span({ class: 'text-2xl' }, '👥')
+      icon: Span({ class: 'text-4xl' }, '👥')  // text-4xl para emojis
     }),
     Stat({
       label: 'New Orders',
       value: '89',
       desc: 'Today',
-      icon: Span({ class: 'text-2xl' }, '📦')
+      icon: Span({ class: 'text-4xl' }, '📦')
     }),
     Stat({
       label: 'Pending Tasks',
       value: '23',
       desc: 'Need attention',
-      icon: Span({ class: 'text-2xl' }, '⏳')
+      icon: Span({ class: 'text-4xl' }, '⏳')
     })
   ]);
 };
@@ -156,25 +156,25 @@ const MultipleDemo = () => {
       label: 'Posts',
       value: '1,234',
       desc: 'Total content',
-      icon: Span({ class: 'text-2xl' }, '📝')
+      icon: Span({ class: 'text-4xl' }, '📝')  // text-4xl
     }),
     Stat({
       label: 'Comments',
       value: '8,901',
       desc: 'Engagement',
-      icon: Span({ class: 'text-2xl' }, '💬')
+      icon: Span({ class: 'text-4xl' }, '💬')
     }),
     Stat({
       label: 'Likes',
       value: '12,345',
       desc: 'Reactions',
-      icon: Span({ class: 'text-2xl' }, '❤️')
+      icon: Span({ class: 'text-4xl' }, '❤️')
     }),
     Stat({
       label: 'Shares',
       value: '456',
       desc: 'Viral reach',
-      icon: Span({ class: 'text-2xl' }, '🔄')
+      icon: Span({ class: 'text-4xl' }, '🔄')
     })
   ]);
 };
@@ -214,25 +214,25 @@ const DashboardDemo = () => {
         label: 'Total Users',
         value: () => stats().users.toLocaleString(),
         desc: 'Registered users',
-        icon: Span({ class: 'text-2xl' }, '👥')
+        icon: Span({ class: 'text-4xl' }, '👥')  // text-4xl
       }),
       Stat({
         label: 'Revenue',
         value: () => `$${stats().revenue.toLocaleString()}`,
         desc: 'This month',
-        icon: Span({ class: 'text-2xl' }, '💰')
+        icon: Span({ class: 'text-4xl' }, '💰')
       }),
       Stat({
         label: 'Orders',
         value: () => stats().orders.toLocaleString(),
         desc: 'Completed',
-        icon: Span({ class: 'text-2xl' }, '📦')
+        icon: Span({ class: 'text-4xl' }, '📦')
       }),
       Stat({
         label: 'Satisfaction',
         value: () => `${stats().satisfaction}%`,
         desc: stats().satisfaction > 90 ? 'Excellent!' : 'Good',
-        icon: Span({ class: 'text-2xl' }, '😊')
+        icon: Span({ class: 'text-4xl' }, '😊')
       })
     ]),
     Div({ class: 'flex justify-center' }, [
@@ -262,28 +262,28 @@ const VariantsDemo = () => {
       label: 'Primary Stat',
       value: '1,234',
       desc: 'With description',
-      icon: Span({ class: 'text-2xl' }, '⭐'),
+      icon: Span({ class: 'text-4xl' }, '⭐'),  // text-4xl
       class: 'bg-primary/10 text-primary'
     }),
     Stat({
       label: 'Success Stat',
       value: '89%',
       desc: 'Success rate',
-      icon: Span({ class: 'text-2xl' }, '✅'),
+      icon: Span({ class: 'text-4xl' }, '✅'),
       class: 'bg-success/10 text-success'
     }),
     Stat({
       label: 'Warning Stat',
       value: '23',
       desc: 'Pending items',
-      icon: Span({ class: 'text-2xl' }, '⚠️'),
+      icon: Span({ class: 'text-4xl' }, '⚠️'),
       class: 'bg-warning/10 text-warning'
     }),
     Stat({
       label: 'Error Stat',
       value: '5',
       desc: 'Failed attempts',
-      icon: Span({ class: 'text-2xl' }, '❌'),
+      icon: Span({ class: 'text-4xl' }, '❌'),
       class: 'bg-error/10 text-error'
     })
   ]);