diff --git a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml
index 056d805213..84e7190b6c 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml
+++ b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml
@@ -5,8 +5,8 @@
 @{
 }
 <div id="RoleListWidgetContainer">
-    <abp-card background="Secondary">
-        <abp-card-header> @L["RolesInApplication"] :</abp-card-header>
+    <abp-card background="Light">
+        <abp-card-header background="Warning"> @L["RolesInApplication"] :</abp-card-header>
         <abp-card-body>
             <ul id="RoleList">
 
diff --git a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml
index 62c943d84b..f512805845 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml
+++ b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml
@@ -5,8 +5,8 @@
 @{
 }
 <div id="UserCountWidgetContainer">
-    <abp-card background="Info">
-        <abp-card-header>@L["UserCount"] :</abp-card-header>
+    <abp-card background="Light">
+        <abp-card-header background="Info">@L["UserCount"] :</abp-card-header>
         <abp-card-body>
             <h1 id="UserCount"></h1>
         </abp-card-body>
diff --git a/samples/DashboardDemo/src/DashboardDemo.Web/Widgets/WidgetDefinitionProvider.cs b/samples/DashboardDemo/src/DashboardDemo.Web/Widgets/WidgetDefinitionProvider.cs
index d3a998d976..5b2bf5981d 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Web/Widgets/WidgetDefinitionProvider.cs
+++ b/samples/DashboardDemo/src/DashboardDemo.Web/Widgets/WidgetDefinitionProvider.cs
@@ -21,7 +21,8 @@ namespace DashboardDemo.Widgets
                 new WidgetDefinition(
                     RoleListWidgetViewComponent.WidgetName,
                     typeof(RoleListWidgetViewComponent),
-                    LocalizableString.Create<DashboardDemoResource>(RoleListWidgetViewComponent.DisplayName)
+                    LocalizableString.Create<DashboardDemoResource>(RoleListWidgetViewComponent.DisplayName),
+                    new WidgetDimensions(6,4)
                 )
             };
         }