diff --git a/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.css b/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.css
index c0df2eb4..522a8ce7 100644
--- a/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.css
+++ b/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.css
@@ -13,6 +13,7 @@
     border-right: 1px solid var(--joy-palette-neutral-outlinedBorder, #cdd7e1);
 }
 
+.resize-handle-holding,
 .resize-handle:hover {
     box-sizing: initial;
 
diff --git a/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.tsx b/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.tsx
index 592d9b38..48198d56 100644
--- a/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.tsx
+++ b/new-log-viewer/src/components/CentralContainer/Sidebar/ResizeHandle.tsx
@@ -76,7 +76,9 @@ const ResizeHandle = ({
 
     return (
         <div
-            className={"resize-handle"}
+            className={`resize-handle ${isMouseDown ?
+                "resize-handle-holding" :
+                ""}`}
             onMouseDown={handleMouseDown}/>
     );
 };