diff --git a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ListGroup.cshtml b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ListGroup.cshtml
index 81aea1be25..d0f107cf7f 100644
--- a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ListGroup.cshtml
+++ b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ListGroup.cshtml
@@ -116,8 +116,8 @@
         <abp-list-group>
             <abp-list-group-item type="Warning">Cras justo odio</abp-list-group-item>
             <abp-list-group-item type="Danger">Dapibus ac facilisis in</abp-list-group-item>
-            <abp-list-group-item type="Success">Morbi leo risus</abp-list-group-item>
-            <abp-list-group-item type="Secondary">Vestibulum at eros</abp-list-group-item>
+            <abp-list-group-item type="Success">Morbi leo risus <span abp-badge-pill="Success">42</span></abp-list-group-item>
+            <abp-list-group-item type="Secondary">Vestibulum at eros <span abp-badge-pill="Warning">5</span></abp-list-group-item>
         </abp-list-group>
 
     </div>
@@ -126,8 +126,8 @@
 &lt;abp-list-group flush=&quot;true&quot;&gt;
     &lt;abp-list-group-item type=&quot;Warning&quot;&gt;Cras justo odio&lt;/abp-list-group-item&gt;
     &lt;abp-list-group-item type=&quot;Danger&quot;&gt;Dapibus ac facilisis in&lt;/abp-list-group-item&gt;
-    &lt;abp-list-group-item type=&quot;Success&quot;&gt;Morbi leo risus&lt;/abp-list-group-item&gt;
-    &lt;abp-list-group-item type=&quot;Secondary&quot;&gt;Vestibulum at eros&lt;/abp-list-group-item&gt;
+    &lt;abp-list-group-item type=&quot;Success&quot;&gt;Morbi leo risus &lt;span abp-badge-pill=&quot;Success&quot;&gt;42&lt;/span&gt;&lt;/abp-list-group-item&gt;
+    &lt;abp-list-group-item type=&quot;Secondary&quot;&gt;Vestibulum at eros &lt;span abp-badge-pill=&quot;Warning&quot;&gt;5&lt;/span&gt;&lt;/abp-list-group-item&gt;
 &lt;/abp-list-group&gt;
 </pre>
     </div>