diff --git a/src/routes/work/[slug]/+page.svelte b/src/routes/work/[slug]/+page.svelte
index 929ae81..70f85f8 100644
--- a/src/routes/work/[slug]/+page.svelte
+++ b/src/routes/work/[slug]/+page.svelte
@@ -9,14 +9,16 @@
   let Content = $state<any>(null);
 
   // Import the markdown component dynamically and set up animations
-  onMount(async () => {
-    // Load the markdown component
-    try {
-      const post = await import(`../md/${data.slug}.md`);
-      Content = post.default;
-    } catch (error) {
-      console.error('Error loading markdown component:', error);
-    }
+  onMount(() => {
+    // Load the markdown component asynchronously
+    (async () => {
+      try {
+        const post = await import(`../md/${data.slug}.md`);
+        Content = post.default;
+      } catch (error) {
+        console.error('Error loading markdown component:', error);
+      }
+    })();
 
     gsap.registerPlugin(ScrollToPlugin);
 
@@ -188,7 +190,7 @@
     </div>
     <div class="work-content-text">
       {#if Content}
-        <svelte:component this={Content} />
+        <Content />
       {/if}
     </div>
   </div>