diff --git a/src/app/components/shared/content-groups/content-groups.component.scss b/src/app/components/shared/content-groups/content-groups.component.scss
index 746ec783c3da8eec01c23a308ab67a89e04acf13..090b94dc2c9930de5935bcaba2d1e814c3c09eea 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -7,7 +7,7 @@
   position: relative;
   top: 0;
   text-align: center;
-  transition: all 0.25s;
+  transition: all 0.5;
   margin-top: 10px;
   max-height: 50px;
   padding: 5px;
@@ -15,8 +15,10 @@
   &:hover {
     cursor: pointer;
     background-color: mat-color($arsnova-primary, 200);
-    top: -15px;
-    box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.2);
+    transform: translateZ(20px);
+    transform: translateY(-5px);
+    transform: scaleY(1.2);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
   }
 }