diff --git a/src/renderer/src/pages/home/Messages/Message.tsx b/src/renderer/src/pages/home/Messages/Message.tsx
index 9ad8705b..9da880f1 100644
--- a/src/renderer/src/pages/home/Messages/Message.tsx
+++ b/src/renderer/src/pages/home/Messages/Message.tsx
@@ -213,6 +213,8 @@ const MessageContainer = styled.div`
   .menubar {
     opacity: 0;
     transition: opacity 0.2s ease;
+    transform: translateZ(0);
+    will-change: opacity;
     &.show {
       opacity: 1;
     }