diff --git a/dashboard/src/components/dashboard/StatCards.jsx b/dashboard/src/components/dashboard/StatCards.jsx
index ba57ba7..f1e70c4 100644
--- a/dashboard/src/components/dashboard/StatCards.jsx
+++ b/dashboard/src/components/dashboard/StatCards.jsx
@@ -297,23 +297,6 @@ const CancellationsDetails = ({ data }) => {
 
   return (
     <div className="space-y-8">
-      <div className="grid grid-cols-2 gap-4">
-        <StatCard
-          title="Total Cancellations"
-          value={formatCurrency(cancelData.total)}
-          description={`${cancelData.count.toLocaleString()} orders`}
-          colorClass="text-rose-600 dark:text-rose-400"
-          icon={XCircle}
-        />
-        <StatCard
-          title="Average Cancellation"
-          value={formatCurrency(cancelData.total / (cancelData.count || 1))}
-          description="per order"
-          colorClass="text-rose-600 dark:text-rose-400"
-          icon={DollarSign}
-        />
-      </div>
-
       <div>
         <h3 className="text-lg font-medium mb-4">Daily Cancellation Amount</h3>
         <TimeSeriesChart
@@ -653,23 +636,6 @@ const RefundDetails = ({ data }) => {
 
   return (
     <div className="space-y-8">
-      <div className="grid grid-cols-2 gap-4">
-        <StatCard
-          title="Total Refunds"
-          value={formatCurrency(refundData.total)}
-          description={`${refundData.count.toLocaleString()} orders`}
-          colorClass="text-orange-600 dark:text-orange-400"
-          icon={RefreshCcw}
-        />
-        <StatCard
-          title="Average Refund"
-          value={formatCurrency(refundData.total / (refundData.count || 1))}
-          description="per order"
-          colorClass="text-orange-600 dark:text-orange-400"
-          icon={DollarSign}
-        />
-      </div>
-
       <div>
         <h3 className="text-lg font-medium mb-4">Daily Refund Amount</h3>
         <TimeSeriesChart