diff --git a/ui/console-src/modules/contents/pages/components/entity-fields/TitleField.vue b/ui/console-src/modules/contents/pages/components/entity-fields/TitleField.vue
index 6363e638a..f71f04adc 100644
--- a/ui/console-src/modules/contents/pages/components/entity-fields/TitleField.vue
+++ b/ui/console-src/modules/contents/pages/components/entity-fields/TitleField.vue
@@ -74,7 +74,7 @@ const commentText = computed(() => {
         <a
           target="_blank"
           :href="externalUrl"
-          class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block"
+          class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
         >
           <IconExternalLinkLine class="h-3.5 w-3.5" />
         </a>
diff --git a/ui/console-src/modules/contents/posts/components/entity-fields/TitleField.vue b/ui/console-src/modules/contents/posts/components/entity-fields/TitleField.vue
index f385a3da6..a894cdb0c 100644
--- a/ui/console-src/modules/contents/posts/components/entity-fields/TitleField.vue
+++ b/ui/console-src/modules/contents/posts/components/entity-fields/TitleField.vue
@@ -75,7 +75,7 @@ const commentText = computed(() => {
         <a
           target="_blank"
           :href="externalUrl"
-          class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block"
+          class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
         >
           <IconExternalLinkLine class="h-3.5 w-3.5" />
         </a>
diff --git a/ui/console-src/modules/contents/posts/tags/components/TagListItem.vue b/ui/console-src/modules/contents/posts/tags/components/TagListItem.vue
index 728263383..7c52fe4c6 100644
--- a/ui/console-src/modules/contents/posts/tags/components/TagListItem.vue
+++ b/ui/console-src/modules/contents/posts/tags/components/TagListItem.vue
@@ -51,7 +51,7 @@ const emit = defineEmits<{
             <a
               target="_blank"
               :href="tag.status?.permalink"
-              class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block"
+              class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
             >
               <IconExternalLinkLine class="h-3.5 w-3.5" />
             </a>
diff --git a/ui/console-src/modules/dashboard/widgets/presets/posts/components/PostListItem.vue b/ui/console-src/modules/dashboard/widgets/presets/posts/components/PostListItem.vue
index 3448d5313..78cb3ab85 100644
--- a/ui/console-src/modules/dashboard/widgets/presets/posts/components/PostListItem.vue
+++ b/ui/console-src/modules/dashboard/widgets/presets/posts/components/PostListItem.vue
@@ -104,7 +104,7 @@ const commentText = computed(() => {
               target="_blank"
               :href="previewUrl"
               :title="previewUrl"
-              class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block"
+              class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
             >
               <IconExternalLinkLine class="h-3.5 w-3.5" />
             </a>
diff --git a/ui/uc-src/modules/contents/posts/components/PostListItem.vue b/ui/uc-src/modules/contents/posts/components/PostListItem.vue
index 6393014ca..19006a631 100644
--- a/ui/uc-src/modules/contents/posts/components/PostListItem.vue
+++ b/ui/uc-src/modules/contents/posts/components/PostListItem.vue
@@ -161,7 +161,7 @@ function handleDelete() {
             <a
               target="_blank"
               :href="externalUrl"
-              class="hidden text-gray-600 transition-all hover:text-gray-900 group-hover:inline-block"
+              class="text-gray-600 opacity-0 transition-all hover:text-gray-900 group-hover:opacity-100"
             >
               <IconExternalLinkLine class="h-3.5 w-3.5" />
             </a>