diff --git a/app/Admin/Metrics/Examples/Community/TotalAmount.php b/app/Admin/Metrics/Examples/Community/TotalAmount.php
index 7f79c75..2d075eb 100644
--- a/app/Admin/Metrics/Examples/Community/TotalAmount.php
+++ b/app/Admin/Metrics/Examples/Community/TotalAmount.php
@@ -32,7 +32,7 @@ class TotalAmount extends Card
     {
         $content = parent::renderContent();
         return <<<HTML
-<div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
+<div class="d-flex justify-content-between bg-primary align-items-center mt-1" style="margin-bottom: 2px">
     <h2 class="ml-1 font-large-1">{$content}</h2>
 </div>
 HTML;
diff --git a/app/Admin/Metrics/Examples/Order/OrderData.php b/app/Admin/Metrics/Examples/Order/OrderData.php
index 974ef81..771e803 100644
--- a/app/Admin/Metrics/Examples/Order/OrderData.php
+++ b/app/Admin/Metrics/Examples/Order/OrderData.php
@@ -121,7 +121,7 @@ class OrderData extends Card
     {
         $content = parent::renderContent();
         return <<<HTML
-<div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
+<div class="d-flex justify-content-between bg-primary align-items-center mt-1" style="margin-bottom: 2px">
     <h2 class="ml-1 font-large-1">{$content}</h2>
 </div>
 HTML;
diff --git a/app/Admin/Metrics/Examples/ServiceCard/TotalStore.php b/app/Admin/Metrics/Examples/ServiceCard/TotalStore.php
index d4eb5ab..c727038 100644
--- a/app/Admin/Metrics/Examples/ServiceCard/TotalStore.php
+++ b/app/Admin/Metrics/Examples/ServiceCard/TotalStore.php
@@ -106,7 +106,7 @@ class TotalStore extends Card
     {
         $content = parent::renderContent();
         return <<<HTML
-<div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
+<div class="d-flex justify-content-between bg-primary align-items-center mt-1" style="margin-bottom: 2px">
     <h2 class="ml-1 font-large-1">{$content}</h2>
 </div>
 HTML;
