diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index 644c5e03..55921ffe 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -77,7 +77,7 @@ const list = computed(() => {
             <div class="p-4">
                 <div class="alert relative bg-transparent">
                     <div class="alert  absolute inset-x-0 inset-y-0 w-full h-full bg-info opacity-10"></div>
-                    <div class="text-info">
+                    <div class="text-info flex gap-2">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                             class="stroke-current flex-shrink-0 w-6 h-6">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
diff --git a/src/modules/[chain]/widget/index.vue b/src/modules/[chain]/widget/index.vue
index 6f890a67..55f06e49 100644
--- a/src/modules/[chain]/widget/index.vue
+++ b/src/modules/[chain]/widget/index.vue
@@ -41,6 +41,7 @@ const hdPath = computed(() => {
       <div class="mt-4">
         <span class="text-base"> 1. Connect Wallet </span>
         <div class="mockup-code bg-base-200 my-2">
+            <pre data-prefix=">"><code class="text-green-400">&lt;!-- This widget is optional. --&gt; </code></pre>
             <pre data-prefix=">"><code  class="text-gray-800 dark:invert">&lt;ping-connect-wallet chain-id="{{ chainId }}" hd-path="{{ hdPath }}"/&gt;</code></pre>
         </div>