diff --git a/dashboard/src/components/Cards/StatusChartCard/StatusChartCard.tsx b/dashboard/src/components/Cards/StatusChartCard/StatusChartCard.tsx
new file mode 100644
index 0000000..de36612
--- /dev/null
+++ b/dashboard/src/components/Cards/StatusChartCard/StatusChartCard.tsx
@@ -0,0 +1,22 @@
+import StatusChart, {
+  IStatusChart,
+} from '@/components/StatusChart/StatusCharts';
+
+import BaseCard from '../BaseCard';
+
+interface IStatusChartCard {
+  chart: IStatusChart;
+  title: string;
+}
+
+const StatusChartCard = ({ chart, title }: IStatusChartCard): JSX.Element => {
+  return (
+    <BaseCard
+      className="flex items-center justify-center"
+      title={title}
+      content={<StatusChart {...chart} />}
+    />
+  );
+};
+
+export default StatusChartCard;