Slower transition for button group

frontend/src/components/atoms/NavBarTabItem/style.module.scss

@@ -13,9 +13,9 @@
     height: 2.25rem;
     margin-right: 0.625rem;
     margin-left: 0.625rem;
-    transition: 0.5s background;
-    -webkit-transition: 0.5s background;
-    -moz-transition: 0.5s background;
+    transition: 0.2s background;
+    -webkit-transition: 0.2s background;
+    -moz-transition: 0.2s background;
   }
 
   .pageButton:hover {

frontend/src/components/molecules/SideBarTabGroup/style.module.scss

@@ -12,9 +12,9 @@
   height: 2.25rem;
   border-radius: 0.5rem !important;
   text-align: left;
-  transition: 0.5s background;
-  -webkit-transition: 0.5s background;
-  -moz-transition: 0.5s background;
+  transition: 0.2s background;
+  -webkit-transition: 0.2s background;
+  -moz-transition: 0.2s background;
 }
 
 .tabGroupButtonSvg {