diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/BordersDemo/Default.cshtml b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/BordersDemo/Default.cshtml
index 281f6c73ed..7733f51fdf 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/BordersDemo/Default.cshtml
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/BordersDemo/Default.cshtml
@@ -9,11 +9,11 @@
 </abp-component-demo-section>
 
 <abp-component-demo-section title="Subtractive" view-path="@BordersDemoViewComponent.ViewPath">
-    <span abp-border="_0"></span>
-    <span abp-border="Top_0"></span>
-    <span abp-border="Right_0"></span>
-    <span abp-border="Bottom_0"></span>
-    <span abp-border="Left_0"></span>
+    <span class="border" abp-border="_0"></span>
+    <span class="border"  abp-border="Top_0"></span>
+    <span class="border"  abp-border="Right_0"></span>
+    <span  class="border" abp-border="Bottom_0"></span>
+    <span class="border" abp-border="Left_0"></span>
 </abp-component-demo-section>
 
 <abp-component-demo-section title="Border color" view-path="@BordersDemoViewComponent.ViewPath">
diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/ModalsDemo/Default.cshtml b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/ModalsDemo/Default.cshtml
index 91ed5b8bff..8b48f579ac 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/ModalsDemo/Default.cshtml
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/ModalsDemo/Default.cshtml
@@ -5,7 +5,20 @@
 
     <abp-button button-type="Primary" data-toggle="modal" data-target="#myModal">Launch modal</abp-button>
 
-    <abp-modal centered="true" size="Large" id="myModal">
+    <abp-modal centered="true" size="Small" id="myModal">
+        <abp-modal-header title="Modal title"></abp-modal-header>
+        <abp-modal-body>
+            Woohoo, you're reading this text in a modal!
+        </abp-modal-body>
+        <abp-modal-footer buttons="@(AbpModalButtons.Save|AbpModalButtons.Close)"></abp-modal-footer>
+    </abp-modal> 
+</abp-component-demo-section>
+
+<abp-component-demo-section title="Example 2" view-path="@ModalsDemoViewComponent.ViewPath">
+
+    <abp-button button-type="Primary" data-toggle="modal" data-target="#myModal2">Launch modal</abp-button>
+     
+    <abp-modal centered="true" size="Large" id="myModal2">
         <abp-modal-header title="Modal title"></abp-modal-header>
         <abp-modal-body>
             Woohoo, you're reading this text in a modal!