diff --git a/frontend/src/components/router-button/index.vue b/frontend/src/components/router-button/index.vue
index e08011b94d8c..768dcb532dd1 100644
--- a/frontend/src/components/router-button/index.vue
+++ b/frontend/src/components/router-button/index.vue
@@ -24,15 +24,20 @@
         <div class="mt-3" v-if="showExpiresAt && expiresAlertVisible && productProExpires && productProExpires !== 0">
             <el-alert type="warning" @close="handleExpiresAlertClose">
                 <template #title>
-                    <div class="text-xs">
+                    <div>
                         <div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
                             <span>
                                 {{ $t(expiresAlertKey, [expiresInfo]) }}
                             </span>
-                            <span @click="goXpack" class="flex items-center justify-center gap-0.5 jump">
-                                <el-icon><Position /></el-icon>
+                            <el-link
+                                class="cursor-pointer"
+                                style="font-size: 12px"
+                                icon="Position"
+                                type="primary"
+                                @click="goXpack"
+                            >
                                 {{ $t('firewall.quickJump') }}
-                            </span>
+                            </el-link>
                         </div>
                     </div>
                 </template>
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index 99b5c6f4dac8..067f713b0047 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -1,6 +1,7 @@
 <template>
     <div :key="$route.fullPath" id="dashboard">
         <RouterButton
+            show-expires-at
             :buttons="[
                 {
                     label: i18n.global.t('menu.home'),