diff --git a/app/web/src/components/EmbedViewer/EmbedViewer.tsx b/app/web/src/components/EmbedViewer/EmbedViewer.tsx
index 6d28e98..1d27684 100644
--- a/app/web/src/components/EmbedViewer/EmbedViewer.tsx
+++ b/app/web/src/components/EmbedViewer/EmbedViewer.tsx
@@ -7,13 +7,17 @@ function EmbedViewer() {
     const { state, project } = useIdeContext()
     console.log('from EmbedViewer', { cadPackage: project.cadPackage, code: project.code })
     useIdeInit(project?.cadPackage, project?.code || state?.code, "viewer")
-    const { viewerDomRef } = use3dViewerResize()
+    const { viewerDomRef, handleViewerSizeUpdate } = use3dViewerResize()
+
+    React.useEffect(() => {
+      handleViewerSizeUpdate()
+    }, [])
 
     return (
-        <div className="h-screen flex flex-col">
+        <div className="h-screen flex flex-col" ref={viewerDomRef}>
             <IdeViewer isMinimal={true} />
         </div>
     )
 }
 
-export default EmbedViewer
\ No newline at end of file
+export default EmbedViewer