diff --git a/packages/web/src/components/hydra-canvas.tsx b/packages/web/src/components/hydra-canvas.tsx
index de33f75d..504ccfb5 100644
--- a/packages/web/src/components/hydra-canvas.tsx
+++ b/packages/web/src/components/hydra-canvas.tsx
@@ -16,8 +16,9 @@ const HydraCanvas = React.forwardRef(
         "absolute top-0 left-0",
         fullscreen && "h-full w-full block overflow-hidden"
       )}
-      width={1280}
-      height={720}
+      style={{ imageRendering: "pixelated" }}
+      width={window.innerWidth}
+      height={window.innerHeight}
     />
   )
 );