diff --git a/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap b/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap
index d07918a9f0..8fc37336cc 100644
--- a/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap
+++ b/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap
@@ -4,8 +4,8 @@ exports[`components/drafts/panel/ should match snapshot 1`] = `
 <article
   className="Panel"
   onClick={[Function]}
-  onMouseEnter={[Function]}
   onMouseLeave={[Function]}
+  onMouseOver={[Function]}
   role="button"
 />
 `;
diff --git a/webapp/channels/src/components/drafts/panel/panel.tsx b/webapp/channels/src/components/drafts/panel/panel.tsx
index c01c624bea..e26a7d03dd 100644
--- a/webapp/channels/src/components/drafts/panel/panel.tsx
+++ b/webapp/channels/src/components/drafts/panel/panel.tsx
@@ -16,7 +16,7 @@ const isEligibleForClick = makeIsEligibleForClick('.hljs, code');
 function Panel({children, onClick}: Props) {
     const [hover, setHover] = useState(false);
 
-    const handleMouseEnter = () => {
+    const handleMouseOver = () => {
         setHover(true);
     };
 
@@ -33,7 +33,7 @@ function Panel({children, onClick}: Props) {
     return (
         <article
             className='Panel'
-            onMouseEnter={handleMouseEnter}
+            onMouseOver={handleMouseOver}
             onClick={handleOnClick}
             onMouseLeave={handleMouseLeave}
             role='button'