diff --git a/frontend/src/components/atoms/NavBarTabItem/style.module.scss b/frontend/src/components/atoms/NavBarTabItem/style.module.scss
index f933493b1805bb57c63094218854041677520636..e301ab65f933c93c7a9148e5781fdf2ec067527d 100644
--- a/frontend/src/components/atoms/NavBarTabItem/style.module.scss
+++ b/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 {
diff --git a/frontend/src/components/molecules/SideBarTabGroup/style.module.scss b/frontend/src/components/molecules/SideBarTabGroup/style.module.scss
index ec356e38f5ffeeec5e9d83ff1766c4378b4ce9e6..79b37e6f16d212e70cdbfed649d14f10ca9a41fd 100644
--- a/frontend/src/components/molecules/SideBarTabGroup/style.module.scss
+++ b/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 {