diff --git a/src/replay/index.ts b/src/replay/index.ts
index 5445cb46..de2db2d3 100644
--- a/src/replay/index.ts
+++ b/src/replay/index.ts
@@ -105,6 +105,7 @@ export class Replayer {
 
   public pause() {
     this.timer.clear();
+    this.emitter.emit('pause');
   }
 
   public resume(timeOffset = 0) {
@@ -126,6 +127,7 @@ export class Replayer {
     }
     this.timer.addActions(actions);
     this.timer.start();
+    this.emitter.emit('resume');
   }
 
   private setupDom() {
diff --git a/src/replay/styles/style.css b/src/replay/styles/style.css
index 02d0e778..d4773593 100644
--- a/src/replay/styles/style.css
+++ b/src/replay/styles/style.css
@@ -21,7 +21,7 @@
   opacity: 0.3;
 }
 .replayer-mouse.active::after {
-  animation: click 0.3s ease-in-out 1;
+  animation: click 0.2s ease-in-out 1;
 }
 
 @keyframes click {