apply gray-color when a triangle btn is hovered

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -256,8 +256,10 @@ ul.pagination {
   .grw-pagetree {
     .grw-pagetree-item {
       .grw-triangle-icon {
-        svg {
-          fill: $gray-500;
+        &:not(:hover) {
+          svg {
+            fill: $gray-500;
+          }
         }
       }
       &:hover {

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -173,8 +173,10 @@ $border-color: $border-color-global;
   .grw-pagetree {
     .grw-pagetree-item {
       .grw-triangle-icon {
-        svg {
-          fill: $gray-400;
+        &:not(:hover) {
+          svg {
+            fill: $gray-400;
+          }
         }
       }
       &:hover {