diff --git a/web/components/Dashboard.tsx b/web/components/Dashboard.tsx
index 50deb89..3df6c5c 100644
--- a/web/components/Dashboard.tsx
+++ b/web/components/Dashboard.tsx
@@ -151,6 +151,18 @@ export default function Dashboard({ alerts }: Props) {
         onLayoutChange={handleLayoutChange}
         gridConfig={{ cols: COLS, rowHeight: ROW_HEIGHT, margin: [8, 8] }}
         dragConfig={{ handle: '.drag-handle' }}
+        resizeConfig={{
+          handleComponent: (axis, ref) => (
+            <span ref={ref}
+              className="react-resizable-handle react-resizable-handle-se"
+              style={{
+                borderRight: '3px solid #4b5563',
+                borderBottom: '3px solid #4b5563',
+                opacity: 0.6,
+              }}
+            />
+          ),
+        }}
       >
         {charts.map(c => (
           <div key={c.id} className="drag-handle cursor-grab active:cursor-grabbing">