diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css
index 607f3f0b6..71d8afbb8 100644
--- a/packages/web/styles/menu.css
+++ b/packages/web/styles/menu.css
@@ -11,7 +11,13 @@
 .pro-sidebar .pro-menu-item .pro-sub-menu .pro-inner-item,
 .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content,
 .pro-sidebar .pro-menu a,
-.pro-sidebar .pro-menu a:hover {
+.pro-sidebar .pro-menu a:hover,
+.pro-sidebar
+  .pro-menu
+  .pro-menu-item
+  > .pro-inner-item:hover
+  .pro-icon-wrapper
+  .pro-icon {
   color: var(--colors-utilityTextDefault);
 }
 
@@ -30,3 +36,12 @@
   width: 90%;
   border-radius: 5px;
 }
+
+.pro-sidebar
+  .pro-menu
+  .pro-menu-item
+  > .pro-inner-item:hover
+  .pro-icon-wrapper
+  .pro-icon {
+  animation-play-state: paused;
+}