diff --git a/ui/ui-frontend-common/src/app/modules/animations/vitamui-common-animations.ts b/ui/ui-frontend-common/src/app/modules/animations/vitamui-common-animations.ts
index 0b02f6bcb5f2f753c1252f66689465355b9f0db7..6f25d20676b5fcf14e2a5db3a0192f206a6fd32e 100644
--- a/ui/ui-frontend-common/src/app/modules/animations/vitamui-common-animations.ts
+++ b/ui/ui-frontend-common/src/app/modules/animations/vitamui-common-animations.ts
@@ -1,9 +1,9 @@
 import { animate, keyframes, query, stagger, state, style, transition, trigger } from '@angular/animations';
 
 export const collapseAnimation = trigger('collapseAnimation', [
-  state('collapsed', style({ height: 0, visibility: 'hidden' })),
-  state('expanded', style({ height: '*' })),
-  transition('expanded <=> collapsed', animate('300ms ease-out')),
+  state('collapsed', style({height: '0px', visibility: 'hidden', opacity: '0'})),
+  state('expanded', style({height: '*', visibility: 'visible',  opacity: '1'})),
+  transition('expanded <=> collapsed', animate('150ms cubic-bezier(0.4,0.0,0.2,1)')),
 ]);
 
 export const rotateAnimation = trigger('rotateAnimation', [