diff --git a/src/Elastic.Markdown/Slices/Directives/Code.cshtml b/src/Elastic.Markdown/Slices/Directives/Code.cshtml
index c2b509769..91dacf04d 100644
--- a/src/Elastic.Markdown/Slices/Directives/Code.cshtml
+++ b/src/Elastic.Markdown/Slices/Directives/Code.cshtml
@@ -9,13 +9,5 @@
 			</div>
 		}
 		<pre><code class="language-@Model.Language">[CONTENT]</code></pre>
-		<button class="copybtn o-tooltip--left" data-tooltip="Copy" data-clipboard-target="#codecell0">
-			<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-copy" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round">
-				<title>Copy to clipboard</title>
-				<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-				<rect x="8" y="8" width="12" height="12" rx="2"></rect>
-				<path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"></path>
-			</svg>
-		</button>
 	</div>
 </div>
\ No newline at end of file
diff --git a/src/Elastic.Markdown/Slices/Layout/_Scripts.cshtml b/src/Elastic.Markdown/Slices/Layout/_Scripts.cshtml
index 489a80a22..1371c4565 100644
--- a/src/Elastic.Markdown/Slices/Layout/_Scripts.cshtml
+++ b/src/Elastic.Markdown/Slices/Layout/_Scripts.cshtml
@@ -11,6 +11,8 @@
 <script>var togglebuttonSelector = '.toggle, .admonition.dropdown';</script>
 <script src="@Model.Static("shibuya.js")"></script>
 <script>var togglebuttonSelector = '.toggle, .admonition.dropdown';</script>
+<script src="@Model.Static("clipboard.min.js")"></script>
+<script src="@Model.Static("copybutton.js")"></script>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js"></script>