diff --git a/components/astro/src/Particles.astro b/components/astro/src/Particles.astro
index be54bdb..85fc26a 100644
--- a/components/astro/src/Particles.astro
+++ b/components/astro/src/Particles.astro
@@ -13,7 +13,7 @@ const { id, init, loaded, options, url } = Astro.props as IParticlesProps;
 ---
 <astro-particles data-id={id} data-options={JSON.stringify(options)} data-url={url} data-init={init}
                  data-loaded={loaded}>
-    <canvas></canvas>
+    <canvas id={id}></canvas>
 </astro-particles>
 
 <script>