diff --git a/src/shared/versions.js b/src/shared/versions.js
index 32ce2ac..7f167a2 100644
--- a/src/shared/versions.js
+++ b/src/shared/versions.js
@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.7.4',
-  gatewayClient: '0.7.4',
+  macClient: '0.7.5',
+  gatewayClient: '0.7.5',
   gatewayBackend: '0.7.0',
 });
 
diff --git a/src/web/styles.css b/src/web/styles.css
index b876ca1..f5d4e08 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -529,14 +529,29 @@ p {
   stroke-width: 1.35;
   transform: translateY(-50%);
   transition: color 320ms ease, opacity 320ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
-  animation: harbor-mode-arrows-discovered 260ms 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
 }
 
-@keyframes harbor-mode-arrows-discovered {
+.harbor-mode-swap .is-connect {
+  animation: harbor-mode-arrow-right-discovered 300ms 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+.harbor-mode-swap .is-gateway {
+  animation: harbor-mode-arrow-left-discovered 300ms 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+@keyframes harbor-mode-arrow-right-discovered {
   from {
     opacity: 0;
-    filter: blur(3px);
-    transform: translateY(-50%) scale(0.72);
+    filter: blur(2px);
+    transform: translateX(-12px);
+  }
+}
+
+@keyframes harbor-mode-arrow-left-discovered {
+  from {
+    opacity: 0;
+    filter: blur(2px);
+    transform: translateX(12px);
   }
 }