diff --git a/.changeset/silver-buckets-obey.md b/.changeset/silver-buckets-obey.md
new file mode 100644
index 0000000000..cfcbe96981
--- /dev/null
+++ b/.changeset/silver-buckets-obey.md
@@ -0,0 +1,6 @@
+---
+'@shopify/hydrogen-react': patch
+'@shopify/hydrogen': patch
+---
+
+Fix `<ModelViewer>` to properly set className
diff --git a/packages/hydrogen-react/src/ModelViewer.tsx b/packages/hydrogen-react/src/ModelViewer.tsx
index 5d2136cb34..0764813b9b 100644
--- a/packages/hydrogen-react/src/ModelViewer.tsx
+++ b/packages/hydrogen-react/src/ModelViewer.tsx
@@ -221,10 +221,11 @@ export function ModelViewer(props: ModelViewerProps): JSX.Element | null {
 
   return (
     <model-viewer
-      // @ts-expect-error ref should exist
       ref={callbackRef}
       {...passthroughProps}
-      className={className}
+      // @ts-expect-error src should exist
+      // @eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      class={className}
       id={passthroughProps.id ?? data.id}
       src={data.sources[0].url}
       alt={data.alt ?? null}