diff --git a/src/renderer/src/pages/home/Messages/Message.tsx b/src/renderer/src/pages/home/Messages/Message.tsx
index ad56ca40..96ed50bf 100644
--- a/src/renderer/src/pages/home/Messages/Message.tsx
+++ b/src/renderer/src/pages/home/Messages/Message.tsx
@@ -286,6 +286,8 @@ const MessageContainer = styled.div`
   position: relative;
   transition: background-color 0.3s ease;
   padding: 0 20px;
+  transform: translateZ(0);
+  will-change: transform;
   &.message-highlight {
     background-color: var(--color-primary-mute);
   }