diff --git a/packages/react-components/src/styles/theme.ts b/packages/react-components/src/styles/theme.ts
index 4a92f3fc15..203d06e147 100644
--- a/packages/react-components/src/styles/theme.ts
+++ b/packages/react-components/src/styles/theme.ts
@@ -36,7 +36,7 @@ export default css`
         filter: brightness(110%);
       }
 
-      &.isIcon:not(.isDisabled) {
+      &.isIcon:not(.isDisabled):not(:hover) {
         .ui--Icon {
           color: ${colorLink};
         }
diff --git a/packages/react-query/src/FormatBalance.tsx b/packages/react-query/src/FormatBalance.tsx
index 075c59eb8d..8dd8641019 100644
--- a/packages/react-query/src/FormatBalance.tsx
+++ b/packages/react-query/src/FormatBalance.tsx
@@ -81,9 +81,13 @@ export default React.memo(styled(FormatBalance)`
     }
   }
 
+  > .ui--Button {
+    margin-left: 0.25rem;
+  }
+
   .ui--Icon {
-    margin-top: 0.25rem;
     margin-bottom: -0.25rem;
+    margin-top: 0.25rem;
   }
 
   .ui--Icon+.ui--FormatBalance-value {