diff --git a/src/components/ui/VnCardSection.vue b/src/components/ui/VnCardSection.vue
index 0ea9af1c4..772aa1f05 100644
--- a/src/components/ui/VnCardSection.vue
+++ b/src/components/ui/VnCardSection.vue
@@ -3,13 +3,15 @@ import { useI18n } from 'vue-i18n';
 
 const $props = defineProps({
     title: { type: String, require: true, default: 'twoFactor.validate' },
+    href: { type: String, require: true, default: null },
 });
 const { t } = useI18n();
 </script>
 <template>
     <QCardSection class="q-pa-none">
-        <a class="header">
+        <a class="header" :href="$props.href">
             {{ t($props.title) }}
+            <slot name="icon"></slot>
         </a>
         <slot name="btn"></slot>
     </QCardSection>