From d8e571d82dd632e24fb799318b78dc496ed1c296 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 1 Jul 2024 10:49:00 -0400
Subject: [PATCH] fix: Flickering of resize cursor on sidebar when dragging

---
 app/components/Sidebar/Sidebar.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/components/Sidebar/Sidebar.tsx b/app/components/Sidebar/Sidebar.tsx
index a950b8ed5..a51e7cb90 100644
--- a/app/components/Sidebar/Sidebar.tsx
+++ b/app/components/Sidebar/Sidebar.tsx
@@ -143,8 +143,11 @@ const Sidebar = React.forwardRef<HTMLDivElement, Props>(function _Sidebar(
 
   React.useEffect(() => {
     if (isResizing) {
+      document.body.style.cursor = "col-resize";
       document.addEventListener("mousemove", handleDrag);
       document.addEventListener("mouseup", handleStopDrag);
+    } else {
+      document.body.style.cursor = "initial";
     }
 
     return () => {