diff --git a/layouts/doc/DocComponent.vue b/layouts/doc/DocComponent.vue
index 4ea1054241..f65cd8e8af 100644
--- a/layouts/doc/DocComponent.vue
+++ b/layouts/doc/DocComponent.vue
@@ -9,7 +9,7 @@
             <li :class="{ 'doc-tabmenu-active': tab === 0 }">
                 <button type="button" @click="tab = 0">COMPONENT</button>
             </li>
-            <li :class="{ 'doc-tabmenu-active': tab === 1 }">
+            <li v-if="apiDocs && apiDocs.length > 0" :class="{ 'doc-tabmenu-active': tab === 1 }">
                 <button type="button" @click="tab = 1">API</button>
             </li>
         </ul>