diff --git a/template/public/workflow.css b/template/public/workflow.css
index b4c24e4..6b7eaca 100644
--- a/template/public/workflow.css
+++ b/template/public/workflow.css
@@ -15,3 +15,7 @@
   max-width: 50%;
   float: inline-end;
 }
+
+pre > .code-action:has(+ div.workflow) {
+  display: block;
+}
diff --git a/template/public/workflow.js b/template/public/workflow.js
index 0b810f7..45d36b7 100644
--- a/template/public/workflow.js
+++ b/template/public/workflow.js
@@ -3,7 +3,7 @@ export default {
         const wrap = document.createElement("pre");
         wrap.innerHTML =
             '<a class="btn border-0 code-action" href="#" title="Copy">'+
-            '  <i class="bi bi-clipboard"></i>'+
+            '<i class="bi bi-clipboard"></i>'+
             '</a>';
         const button = wrap.querySelector("a");
         button.addEventListener("click", (e) => {
@@ -47,4 +47,4 @@ export default {
             this.renderElement(element)
         }
     }
-}
\ No newline at end of file
+}