diff --git a/packages/core/animate.mjs b/packages/core/animate.mjs
index 80e8501b..e9650c02 100644
--- a/packages/core/animate.mjs
+++ b/packages/core/animate.mjs
@@ -1,4 +1,5 @@
-import { controls, Pattern, getDrawContext, silence, register, pure } from './index.mjs';
+import { Pattern, getDrawContext, silence, register, pure } from './index.mjs';
+import controls from './controls.mjs'; // do not import from index.mjs as it breaks for some reason..
 const { createParams } = controls;
 
 let clearColor = '#22222210';