diff --git a/libs/hpc-ui/src/lib/components/button.tsx b/libs/hpc-ui/src/lib/components/button.tsx
index 8059f625..7a20da23 100644
--- a/libs/hpc-ui/src/lib/components/button.tsx
+++ b/libs/hpc-ui/src/lib/components/button.tsx
@@ -130,6 +130,7 @@ const StyledBaseButton = styled(BaseButton)`
   &:hover,
   &:focus,
   &.${CLS.ACTIVE} {
+    transition: ease-out 0.1s;
     text-decoration: none;
     background-color: ${(p) => p.theme.colors.pallete.gray.light};
     color: #fff;