diff --git a/src/components/HeroBanner.vue b/src/components/HeroBanner.vue
index 3efb5c4..883d474 100644
--- a/src/components/HeroBanner.vue
+++ b/src/components/HeroBanner.vue
@@ -62,7 +62,7 @@
               <q-icon name="keyboard_arrow_right"/>
             </div>
           </q-btn>
-          <div class="text-white q-pt-md edge-block justify-start text-grey-2">
+          <div class="text-white q-pt-sm edge-block justify-start text-grey-2">
             {{ $t('banner__main_btn_description')}}
           </div>
         </div>
diff --git a/src/pages/DocPage.vue b/src/pages/DocPage.vue
index 7553a87..8910cc6 100644
--- a/src/pages/DocPage.vue
+++ b/src/pages/DocPage.vue
@@ -14,6 +14,9 @@
                 class="q-pa-md text-h4 cursor-pointer"
                 @click="router.push({ name: 'main' })"  
               />
+              <div class="text-h5 text-bold">
+                {{ $t(getDoc(documentName)) }}
+              </div>
               <markdown-viewver
                 v-if="documentName"
                 :locale
@@ -43,6 +46,10 @@
   const router = useRouter()
   const documentName = ref(null)
 
+  const getDoc = (fileName) => {
+    return docs.find(d => d.file === fileName)?.translationKey ?? ''
+  }
+  
   onMounted(() => {
     const doc = docs.find(d => d.route === route.name)
     if (doc) {