diff --git a/frontend/src/Editor/Box.jsx b/frontend/src/Editor/Box.jsx
index 05a4e58c7b..70175403b5 100644
--- a/frontend/src/Editor/Box.jsx
+++ b/frontend/src/Editor/Box.jsx
@@ -72,6 +72,8 @@ export const Box = function Box({
   return (
     <OverlayTrigger
       placement="top"
+      delay={{ show: 500, hide: 0 }}
+      trigger={!inCanvas? 'hover': null}
       overlay={(props) => renderTooltip({props, text: `${component.description}`})}
     >
     <div style={{ ...styles, backgroundColor }} role={preview ? 'BoxPreview' : 'Box'}>