diff --git a/packages/codehike/changelog.md b/packages/codehike/CHANGELOG.md
similarity index 71%
rename from packages/codehike/changelog.md
rename to packages/codehike/CHANGELOG.md
index 5220363c..4c521af6 100644
--- a/packages/codehike/changelog.md
+++ b/packages/codehike/CHANGELOG.md
@@ -1,5 +1,11 @@
 # codehike
 
+## 1.0.2
+
+### Patch Changes
+
+- [#463](https://github.com/code-hike/codehike/pull/463) [`70f8de6`](https://github.com/code-hike/codehike/commit/70f8de66fd142c8692ed4d7e0d8b9293bd4f88bb) Thanks [@pomber](https://github.com/pomber)! - Fix color measurement in token-transitions
+
 ## 1.0.1
 
 ### Patch Changes
diff --git a/packages/codehike/package.json b/packages/codehike/package.json
index e691cc29..525b4818 100644
--- a/packages/codehike/package.json
+++ b/packages/codehike/package.json
@@ -1,6 +1,6 @@
 {
   "name": "codehike",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Build rich content websites with Markdown and React",
   "keywords": [
     "react",
diff --git a/packages/codehike/src/utils/token-transitions.tsx b/packages/codehike/src/utils/token-transitions.tsx
index 2eff3080..77a93653 100644
--- a/packages/codehike/src/utils/token-transitions.tsx
+++ b/packages/codehike/src/utils/token-transitions.tsx
@@ -241,6 +241,7 @@ function toSnapshotElement(el: HTMLElement): SnapshotElement {
     y += p.offsetTop
     p = p.offsetParent
   }
+  el?.getAnimations().forEach((a) => a.cancel())
   const style = window.getComputedStyle(el)
   const color = style.color
   const content = el.textContent