diff --git a/frontend/src/Editor/LeftSidebar/sidebar-item.js b/frontend/src/Editor/LeftSidebar/sidebar-item.js
index 72b1459b51..bb170278c1 100644
--- a/frontend/src/Editor/LeftSidebar/sidebar-item.js
+++ b/frontend/src/Editor/LeftSidebar/sidebar-item.js
@@ -3,17 +3,19 @@ import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Tooltip from 'react-bootstrap/Tooltip';
 
 export const LeftSidebarItem = ({ tip = '', className, icon, text, onClick, ...rest }) => {
+
   return (
     <OverlayTrigger
-      placement="bottom"
-      delay={{ show: 250, hide: 400 }}
+      trigger={['click','hover', 'focus']}
+      placement="right"
+      delay={{ show: 800, hide: 100 }}
       overlay={<Tooltip id="button-tooltip">
         {tip}
       </Tooltip>}
     >
       <div {...rest} className={className} onClick={onClick && onClick}>
       {icon && <img className="svg-icon" src={`/assets/images/icons/editor/left-sidebar/${icon}.svg`} width="20" height="20" />}
-      {text && text} 
+      {text && text}
     </div>
     </OverlayTrigger>
   )