diff --git a/src/components/WorkoutPlot.tsx b/src/components/WorkoutPlot.tsx
index 2e5575d..eb1d7e0 100644
--- a/src/components/WorkoutPlot.tsx
+++ b/src/components/WorkoutPlot.tsx
@@ -16,6 +16,7 @@ const Bar = styled.div<BarProps>`
   padding-bottom: ${(props) => props.height};
   background: ${(props) => props.background};
   width: ${(props) => props.width};
+  transition: width 0.1s, padding-bottom 0.1s, background-color 0.1s;
 `;
 
 const zoneColor = (intensity: Intensity | IntensityRange | FreeIntensity): string => {