diff --git a/packages/atlas/src/components/_overlays/MemberDropdown/MemberDropdown.tsx b/packages/atlas/src/components/_overlays/MemberDropdown/MemberDropdown.tsx
index 3acfd030cc..e28ff9aea4 100644
--- a/packages/atlas/src/components/_overlays/MemberDropdown/MemberDropdown.tsx
+++ b/packages/atlas/src/components/_overlays/MemberDropdown/MemberDropdown.tsx
@@ -11,7 +11,7 @@ import { useAuth } from '@/providers/auth/auth.hooks'
 import { useAuthStore } from '@/providers/auth/auth.store'
 import { useSubscribeAccountBalance } from '@/providers/joystream'
 import { useUser } from '@/providers/user/user.hooks'
-import { cVar, transitions } from '@/styles'
+import { transitions } from '@/styles'
 
 import { Container, InnerContainer, SlideAnimationContainer } from './MemberDropdown.styles'
 import { MemberDropdownList } from './MemberDropdownList'
@@ -136,7 +136,7 @@ export const MemberDropdown = forwardRef<HTMLDivElement, MemberDropdownProps>(
         <CSSTransition
           classNames={transitions.names.dropdown}
           in={isActive}
-          timeout={parseInt(cVar('animationTimingMedium', true))}
+          timeout={0}
           onEntering={() => setDisableScrollDuringAnimation(true)}
           onEntered={() => setDisableScrollDuringAnimation(false)}
           mountOnEnter
diff --git a/packages/atlas/src/styles/transitions.ts b/packages/atlas/src/styles/transitions.ts
index 16519f28bf..8dff65e144 100644
--- a/packages/atlas/src/styles/transitions.ts
+++ b/packages/atlas/src/styles/transitions.ts
@@ -142,7 +142,7 @@ export const transitionStyles = css`
   .${transitions.names.dropdown}-enter-done, .${transitions.names.dropdown}-appear-active {
     opacity: 1;
     transform: translateY(0);
-    transition: ${transitions.timings.routing} ${transitions.routingEasing};
+    transition: ${cVar('animationTimingMedium')} ${transitions.routingEasing};
   }
 
   .${transitions.names.dropdown}-exit {
@@ -151,7 +151,7 @@ export const transitionStyles = css`
 
   .${transitions.names.dropdown}-exit-active {
     opacity: 0;
-    transition: ${transitions.timings.routing} ${transitions.routingEasing};
+    transition: ${cVar('animationTimingMedium')} ${transitions.routingEasing};
   }
 
   .${transitions.names.enterFromRight}-enter, .${transitions.names.enterFromRight}-appear {
@@ -192,7 +192,7 @@ export const transitionStyles = css`
     opacity: 1;
   }
 
-  .${transitions.names.enterFromRight}-exit-active {
+  .${transitions.names.enterFromLeft}-exit-active {
     opacity: 0;
     transform: translateX(-280px);
     transition: ${cVar('animationTimingMedium')} ${transitions.switch};