diff --git a/ui/components/multichain/account-overview/index.scss b/ui/components/multichain/account-overview/index.scss
index 3d05d28be762..577c83926d05 100644
--- a/ui/components/multichain/account-overview/index.scss
+++ b/ui/components/multichain/account-overview/index.scss
@@ -22,7 +22,7 @@
   }
 
   &__tab--active {
-    color: var(--color-primary-default);
+    color: var(--color-text-default);
   }
 
   &__tab button {
diff --git a/ui/components/ui/tabs/tab/index.scss b/ui/components/ui/tabs/tab/index.scss
index 3e02af3b40eb..3b138a4f5df3 100644
--- a/ui/components/ui/tabs/tab/index.scss
+++ b/ui/components/ui/tabs/tab/index.scss
@@ -2,12 +2,14 @@
   border-bottom: 2px solid var(--color-border-muted);
   color: var(--color-text-alternative);
   font-weight: 500;
+  transition: color 200ms ease, border-color 200ms ease;
 
   button {
     min-width: 50px;
     background-color: unset;
     color: unset;
     font-weight: 500;
+    transition: color 50ms ease, border-color 50ms ease;
   }
 
   &--single {
@@ -15,8 +17,13 @@
     border-bottom: none;
   }
 
+  &:hover {
+    color: var(--color-text-default);
+  }
+
   &--active {
-    color: var(--color-primary-default);
-    border-bottom: 2px solid var(--color-primary-default);
+    color: var(--color-text-default);
+    border-bottom: 2px solid var(--color-text-default);
+    transition: color 200ms cubic-bezier(0.7, 0, 0.15, 1), border-color 200ms cubic-bezier(0.7, 0, 0.15, 1);
   }
 }