diff --git a/samples/layouts/avatar/size/App.razor b/samples/layouts/avatar/size/App.razor
index fe6892a2b..75bed6729 100644
--- a/samples/layouts/avatar/size/App.razor
+++ b/samples/layouts/avatar/size/App.razor
@@ -2,9 +2,9 @@
 
 
 <div class="container horizontal" style="gap: 10px;">
-    <IgbAvatar Initials="S" class="size-small" />
-    <IgbAvatar Initials="M" class="size-medium" />
     <IgbAvatar Initials="L" class="size-large" />
+    <IgbAvatar Initials="M" class="size-medium" />
+    <IgbAvatar Initials="S" class="size-small" />
 </div>
 
 @code {