diff --git a/src/state.ts b/src/state.ts
index 0defcddd..3f1b1054 100644
--- a/src/state.ts
+++ b/src/state.ts
@@ -3,7 +3,7 @@ import type { ZarrArray } from 'zarr';
 import type { ImageLayer, MultiscaleImageLayer, ZarrPixelSource } from '@hms-dbmi/viv';
 import type { VivLayerProps } from 'viv-layers';
 import type GridLayer from './gridLayer';
-import { Matrix4 } from 'math.gl';
+import { Matrix4 } from '@math.gl/core/dist/esm';;
 
 export const DEFAULT_VIEW_STATE = { zoom: 0, target: [0, 0, 0], default: true };
 export const DEFAULT_LAYER_PROPS = {
diff --git a/src/utils.ts b/src/utils.ts
index afe9e864..fe99f220 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,6 +1,6 @@
 import { ContainsArrayError, HTTPStore, openArray, openGroup, ZarrArray } from 'zarr';
 import type { Group as ZarrGroup } from 'zarr';
-import { Matrix4 } from 'math.gl';
+import { Matrix4 } from '@math.gl/core/dist/esm';
 
 export const MAX_CHANNELS = 6;
 
diff --git a/types/viv.d.ts b/types/viv.d.ts
index b0ff012a..28e4c8e9 100644
--- a/types/viv.d.ts
+++ b/types/viv.d.ts
@@ -1,6 +1,6 @@
 declare module 'viv-layers' {
   import type { Layer } from '@deck.gl/core';
-  import type { Matrix4 } from 'math.gl';
+  import type { Matrix4 } from '@math.gl/core/dist/esm';
   import type { LayerProps } from '@deck.gl/core/lib/layer';
   import type { PixelSource } from '@hms-dbmi/viv';