Fix flickering in journey nodes.

src/app/(main)/reports/journey/JourneyView.module.css

@@ -71,10 +71,13 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: 10px;
   height: 100%;
 }
 
+.wrapper {
+  padding-bottom: 10px;
+}
+
 .item {
   position: relative;
   cursor: pointer;

src/app/(main)/reports/journey/JourneyView.tsx

@@ -188,13 +188,16 @@ export default function JourneyView() {
                     return (
                       <div
                         key={name}
+                        className={styles.wrapper}
+                        onMouseEnter={() => selected && setActiveNode({ name, columnIndex, paths })}
+                        onMouseLeave={() => selected && setActiveNode(null)}
+                      >
+                        <div
                           className={classNames(styles.item, {
                             [styles.selected]: selected,
                             [styles.active]: active,
                           })}
                           onClick={() => handleClick(name, columnIndex, paths)}
-                        onMouseEnter={() => selected && setActiveNode({ name, columnIndex, paths })}
-                        onMouseLeave={() => selected && setActiveNode(null)}
                         >
                           <div className={styles.name}>{name}</div>
                           <TooltipPopup label={dropOffPercent} disabled={!selected}>
@@ -242,6 +245,7 @@ export default function JourneyView() {
                               );
                             })}
                         </div>
+                      </div>
                     );
                   },
                 )}