fix: commands menu overlay

src/common/component/Message/Commands.js

@@ -18,6 +18,7 @@ import moreIcon from "../../../assets/icons/more.svg?url";
 import toast from "react-hot-toast";
 import useMessageOperation from "./useMessageOperation";
 const StyledCmds = styled.ul`
+  z-index: 999;
   position: absolute;
   right: 10px;
   top: 0;
@@ -159,6 +160,8 @@ export default function Commands({
           </Tooltip>
         </li>
         <Tippy
+          duration={0}
+          delay={[0, 0]}
           onShow={handleTippyVisible.bind(null, true)}
           onHide={handleTippyVisible.bind(null, false)}
           interactive

src/routes/chat/styled.js

@@ -8,7 +8,7 @@ const StyledWrapper = styled.div`
     position: relative;
     display: flex;
     flex-direction: column;
-    min-width: 260px;
+    min-width: 268px;
     box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.05);
     height: 100%;
     overflow: auto;

src/routes/favs/styled.js

@@ -8,7 +8,7 @@ const Styled = styled.div`
   overflow: auto;
   .left {
     padding: 8px;
-    width: 268px;
+    min-width: 268px;
     box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.1);
     .filters {
       display: flex;