diff --git a/src/components/map/MapImage.js b/src/components/map/MapImage.js
index 0310487..c9c71f8 100644
--- a/src/components/map/MapImage.js
+++ b/src/components/map/MapImage.js
@@ -4,7 +4,7 @@ import { Image } from "theme-ui";
 import { useDataURL } from "../../contexts/AssetsContext";
 import { mapSources as defaultMapSources } from "../../maps";
 
-const MapTileImage = React.forwardRef(({ map, ...props }) => {
+const MapTileImage = React.forwardRef(({ map, ...props }, ref) => {
   const mapURL = useDataURL(
     map,
     defaultMapSources,
@@ -12,7 +12,7 @@ const MapTileImage = React.forwardRef(({ map, ...props }) => {
     map.type === "file"
   );
 
-  return <Image src={mapURL} {...props} />;
+  return <Image src={mapURL} ref={ref} {...props} />;
 });
 
 export default MapTileImage;
diff --git a/src/components/token/TokenImage.js b/src/components/token/TokenImage.js
index a2bdea4..2aaf979 100644
--- a/src/components/token/TokenImage.js
+++ b/src/components/token/TokenImage.js
@@ -5,7 +5,7 @@ import { useDataURL } from "../../contexts/AssetsContext";
 
 import { tokenSources as defaultTokenSources } from "../../tokens";
 
-const TokenImage = React.forwardRef(({ token, ...props }) => {
+const TokenImage = React.forwardRef(({ token, ...props }, ref) => {
   const tokenURL = useDataURL(
     token,
     defaultTokenSources,
@@ -13,7 +13,7 @@ const TokenImage = React.forwardRef(({ token, ...props }) => {
     token.type === "file"
   );
 
-  return <Image src={tokenURL} {...props} />;
+  return <Image src={tokenURL} ref={ref} {...props} />;
 });
 
 export default TokenImage;