diff --git a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
index 770c27ed75..2dd0cd3f8b 100644
--- a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
+++ b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
@@ -310,15 +310,22 @@ const ActionButton = styled.div`
   cursor: pointer;
   border-radius: 4px;
   padding: 4px 6px;
+  transition: all 0.1s ease-in-out;
+  will-change: color, background-color;
+
   .btn-icon {
     width: 16px;
     height: 16px;
     color: var(--color-selection-toolbar-text);
     background-color: transparent;
+    transition: color 0.1s ease-in-out;
+    will-change: color;
   }
   .btn-title {
     color: var(--color-selection-toolbar-text);
     --font-size: 14px;
+    transition: color 0.1s ease-in-out;
+    will-change: color;
   }
   &:hover {
     color: var(--color-primary);