diff --git a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/MyDashboard.cshtml b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/MyDashboard.cshtml
index b8e3527873..e20d26ea88 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/MyDashboard.cshtml
+++ b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/MyDashboard.cshtml
@@ -24,11 +24,13 @@
 </form>
 
 <div id="MyDashboardWidgetsArea">
-
-    @await Component.InvokeAsync("CountersWidget", new
-    {
-        startDate = @Model.StartDate,
-        endDate = @Model.EndDate
-    })
-
+    <abp-row>
+        <abp-column>
+            @await Component.InvokeAsync("CountersWidget", new
+            {
+                startDate = @Model.StartDate,
+                endDate = @Model.EndDate
+            })
+        </abp-column>
+    </abp-row>
 </div>