diff --git a/site/plugins/admin/templates/extends/snippets/index.html b/site/plugins/admin/templates/extends/snippets/index.html
index 56f3408e..08f1ce32 100644
--- a/site/plugins/admin/templates/extends/snippets/index.html
+++ b/site/plugins/admin/templates/extends/snippets/index.html
@@ -71,17 +71,17 @@
 
     <div class="_embeded-code-template hidden">
         <label for="shortcode">{{ tr('admin_shortcode') }}</label>
-        <div class="alert alert-dark clipboard" role="alert">
+        <div id="shortcode" class="form-control text-left">
             <span id="snippet">[snippets_exec id="<span class="js-snippets-snippet-placeholder"></span>"]</span>
-            <button class="js-clipboard-buttonbtn" data-clipboard-target="#snippet">
+            <button class="js-clipboard-btn button" data-clipboard-target="#snippet">
                 {{ tr('admin_copy') }}
             </button>
         </div>
         <br>
         <label for="template_code">{{ tr('admin_template_code') }}</label>
-        <div id="template_code" class="alert alert-dark clipboard" role="alert">
-            <span id="html">&lcub;&lcub; snippets.exec('<span class="js-snippets-php-placeholder"></span>') &rcub;&rcub;</span>
-            <button class="js-clipboard-buttonbtn" data-clipboard-target="#html">
+        <div id="template_code" class="form-control text-left">
+            <span id="html">&lcub;&lcub; snippets.exec('<span class="js-snippets-snippet-placeholder"></span>') &rcub;&rcub;</span>
+            <button class="js-clipboard-btn button" data-clipboard-target="#html">
                 {{ tr('admin_copy') }}
             </button>
         </div>
@@ -106,9 +106,13 @@
             dropdown[row_num].hide();
             Swal.fire({
                 title: "{{ tr('admin_embeded_code') }}",
-                html: '<div><label>{{ tr("admin_shortcode") }}</label><div class="form-control"><span id="snippet">[snippets_exec id="' + id + '"]</span><button class="js-clipboard-buttonbtn" data-clipboard-target="#snippet">{{ tr("admin_copy") }}</button></div><br><labe' +
-                        'l for="template_code">{{ tr("admin_template_code") }}</label><div id="template_code" class="alert alert-dark clipboard" role="alert"><span id="html">&lcub;&lcub; snippets.exec("' + id + '") &rcub;&rcub;</span><button class="js-clipboard-buttonbtn" ' +
-                        'data-clipboard-target="#html">{{ tr("admin_copy") }}</button></div></div>'
+                showCloseButton: true,
+                focusCloseButton: false,
+                showConfirmButton: false,
+                html: $('._embeded-code-template').html(),
+                onBeforeOpen: () => {
+                    $('.js-snippets-snippet-placeholder').html(id);
+                }
             });
         }
     </script>