diff --git a/src/components/molecules/UserPreferences/index.module.css b/src/components/molecules/UserPreferences/index.module.css
index bf9c015e3..8a3059049 100644
--- a/src/components/molecules/UserPreferences/index.module.css
+++ b/src/components/molecules/UserPreferences/index.module.css
@@ -6,7 +6,7 @@
 
 .icon {
   fill: var(--brand-grey-light);
-  transition: fill 0.2s ease-out;
+  transition: 0.2s ease-out;
 }
 
 .preferences:hover .icon,
@@ -16,6 +16,10 @@
   fill: var(--brand-grey);
 }
 
+.preferences[aria-expanded='true'] .icon {
+  transform: rotate(180deg);
+}
+
 .preferencesDetails {
   padding: calc(var(--spacer) / 2);
 }
diff --git a/src/components/molecules/Wallet/Account.module.css b/src/components/molecules/Wallet/Account.module.css
index 62ea614a9..0ee537bf4 100644
--- a/src/components/molecules/Wallet/Account.module.css
+++ b/src/components/molecules/Wallet/Account.module.css
@@ -55,7 +55,7 @@
   transition: transform 0.2s ease-out;
 }
 
-.wallet[aria-expanded='true'] .button svg {
+[aria-expanded='true'] .button svg {
   transform: rotate(180deg);
 }