From b9377daa045c7e54dbf2439c767d1d80aa7cd9e8 Mon Sep 17 00:00:00 2001
From: Sebastian Seedorf <sese@netlight.com>
Date: Wed, 3 Jun 2026 15:25:17 +0200
Subject: [PATCH] fix: visible resize handle via resizeConfig.handleComponent

---
 web/components/Dashboard.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

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">