diff --git a/layouts/shortcodes/code-toggle.html b/layouts/shortcodes/code-toggle.html
index 4a45d09ea..9b33c0f14 100644
--- a/layouts/shortcodes/code-toggle.html
+++ b/layouts/shortcodes/code-toggle.html
@@ -62,7 +62,7 @@
 {{- end }}
 <div x-data class="shortcode-code not-prose relative p-0 mt-2 mb-4 sm:mb-8">
   <svg
-    class="absolute right-2 top-0 z-30 text-blue-600 hover:text-blue-500 cursor-pointer w-8"
+    class="absolute right-7 top-0 z-30 text-blue-600 hover:text-blue-500 cursor-pointer w-8"
     @click="$copy($refs[$store.nav.userSettings.settings.configFileType])">
     <use href="#icon--copy"></use>
   </svg>
diff --git a/layouts/shortcodes/code.html b/layouts/shortcodes/code.html
index 1ccb44b7d..ac3cecc48 100644
--- a/layouts/shortcodes/code.html
+++ b/layouts/shortcodes/code.html
@@ -4,7 +4,7 @@
   class="shortcode-code font-mono not-prose relative mt-6 mb-8 border-1 border-gray-200 dark:border-gray-800 bg-light dark:bg-dark">
   {{ if (.Get "copy") }}
     <svg
-      class="absolute right-2 top-2 z-30 text-blue-600 hover:text-blue-500 cursor-pointer w-6 h-6"
+      class="absolute right-7 top-2 z-30 text-blue-600 hover:text-blue-500 cursor-pointer w-6 h-6"
       @click="$copy($refs.code)">
       <use href="#icon--copy"></use>
     </svg>