diff --git a/libs/shared/lib/components/Resizable.tsx b/libs/shared/lib/components/Resizable.tsx
index 18069c8db366208ee0c2d3fcc035e607e07194b8..9b88169e611817c6a22b0de5c3f85c08559eb2b2 100644
--- a/libs/shared/lib/components/Resizable.tsx
+++ b/libs/shared/lib/components/Resizable.tsx
@@ -125,7 +125,9 @@ export const Resizable = ({
               {children2[0]}
             </div>
             <div
-              className={' ' + (horizontal ? 'cursor-col-resize' : 'cursor-row-resize') + (dragging ? ' bg-primary-200' : '')}
+              className={
+                'hover:bg-primary-200 ' + (horizontal ? 'cursor-col-resize' : 'cursor-row-resize') + (dragging ? ' bg-primary-300' : '')
+              }
               style={horizontal ? { minWidth: divisorSize } : { minHeight: divisorSize }}
               onMouseDown={onMouseDown}
               onTouchStart={onTouchStart}