diff --git a/packages/sandbox/app/shared/react/mux-poster.tsx b/packages/sandbox/app/shared/react/mux-poster.tsx
index ce7d2f02..ad8fb79c 100644
--- a/packages/sandbox/app/shared/react/mux-poster.tsx
+++ b/packages/sandbox/app/shared/react/mux-poster.tsx
@@ -1,6 +1,6 @@
 import { Poster } from '@videojs/react';
 
-import { getMuxAssetId } from '../mux';
+import { getMuxPosterSrc } from '../mux';
 import type { SourceId } from '../sources';
 
 type MuxPosterProps = {
@@ -8,7 +8,7 @@ type MuxPosterProps = {
 };
 
 export function MuxPoster({ source }: MuxPosterProps) {
-  const id = getMuxAssetId(source);
-  if (!id) return null;
-  return <Poster src={`https://image.mux.com/${id}/thumbnail.jpg`} />;
+  const src = getMuxPosterSrc(source);
+  if (!src) return null;
+  return <Poster src={src} />;
 }