diff --git a/src/client/components/dashboard/items/MonitorHealthBarItem.tsx b/src/client/components/dashboard/items/MonitorHealthBarItem.tsx
index 4cd9740..4e1912e 100644
--- a/src/client/components/dashboard/items/MonitorHealthBarItem.tsx
+++ b/src/client/components/dashboard/items/MonitorHealthBarItem.tsx
@@ -4,6 +4,13 @@ import { MonitorHealthBar } from '../../monitor/MonitorHealthBar';
export const MonitorHealthBarItem: React.FC<{
monitorId: string;
}> = React.memo((props) => {
- return ;
+ return (
+
+ );
});
MonitorHealthBarItem.displayName = 'MonitorHealthBarItem';
diff --git a/src/client/components/dashboard/items/index.tsx b/src/client/components/dashboard/items/index.tsx
index adbac01..8b15288 100644
--- a/src/client/components/dashboard/items/index.tsx
+++ b/src/client/components/dashboard/items/index.tsx
@@ -41,7 +41,7 @@ export const DashboardGridItem: React.FC = React.memo(
((set, get) => ({
export const defaultItemLayout: Record> = {
websiteOverview: { x: Infinity, y: Infinity, w: 4, h: 12 },
websiteEvent: { x: Infinity, y: Infinity, w: 2, h: 5 },
- monitorHealthBar: { x: Infinity, y: Infinity, w: 1, h: 2 },
+ monitorHealthBar: { x: Infinity, y: Infinity, w: 2, h: 2 },
monitorStatus: { x: Infinity, y: Infinity, w: 4, h: 2 },
monitorChart: { x: Infinity, y: Infinity, w: 4, h: 2 },
monitorEvent: { x: Infinity, y: Infinity, w: 4, h: 2 },