diff --git a/site/src/pages/recipes/[...recipe].astro b/site/src/pages/recipes/[...recipe].astro
index b85e7811..30979110 100644
--- a/site/src/pages/recipes/[...recipe].astro
+++ b/site/src/pages/recipes/[...recipe].astro
@@ -272,16 +272,18 @@ const combinedIngredients: Ingredient[] = ingredients.reduce<Ingredient[]>(
           ))
         }
       </section>
-      <section class="mb-8">
-        <details class="relative">
-          <summary class="text-2xl font-semibold mb-4 cursor-pointer">Cooklang Recipe</summary>
-          <div class="relative">
-            <CopyCodeButton code={entry.data.cooklang}>Copy Recipe</CopyCodeButton> 
-            <Code code={entry.data.cooklang} lang={cooklangRegistration} />
-          </div>
-        </details>
-      </section>
+
     </main>
+    <section class="mb-8">
+      <details class="relative">
+        
+        <summary class=" mx-auto p-4 max-w-3xl text-2xl font-semibold mb-4 cursor-pointer">Cooklang Recipe</summary>
+        <div class="relative">
+          <CopyCodeButton code={entry.data.cooklang}>Copy Recipe</CopyCodeButton> 
+          <Code code={entry.data.cooklang} lang={cooklangRegistration} />
+        </div>
+      </details>
+    </section>
     <Footer />
   </body>
 </html>