diff --git a/app/soapbox/features/account/components/header.js b/app/soapbox/features/account/components/header.js
index e477306e1d..70e2190fa8 100644
Binary files a/app/soapbox/features/account/components/header.js and b/app/soapbox/features/account/components/header.js differ
diff --git a/app/soapbox/features/account_timeline/index.js b/app/soapbox/features/account_timeline/index.js
index d14899ad21..0b0a7f4001 100644
Binary files a/app/soapbox/features/account_timeline/index.js and b/app/soapbox/features/account_timeline/index.js differ
diff --git a/app/styles/accounts.scss b/app/styles/accounts.scss
index 14f74f59ae..2138a66f6b 100644
--- a/app/styles/accounts.scss
+++ b/app/styles/accounts.scss
@@ -524,6 +524,7 @@ a .account__avatar {
   border-radius: 4px;
   opacity: 0.7;
   white-space: nowrap;
+  transition: 0.2s;
 
   &:hover {
     opacity: 1;
diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index cc3cbd95e9..42f21e4d67 100644
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@@ -34,6 +34,12 @@
       border-radius: 4px;
       opacity: 0.7;
 
+      &:active,
+      &:focus,
+      &:hover {
+        opacity: 1;
+      }
+
       &:not(.button-active) i.fa {
         margin: 0;
       }