diff --git a/src/components/Article.vue b/src/components/Article.vue
index a7625d9850704ef82a198eb71c456a6498668840..089afac3b92ea450902f1a0bd97cf68f936848bb 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -1,6 +1,7 @@
 <template>
   <article v-bind:class="{'v-sheet v-card rounded-xl': !articleLookup, dictionary}" v-if="article">
     <Header :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id" />
+    <InflectionButton :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id"/>
     
     <div class="article_content" :class="$vuetify.breakpoint.name" v-if="!collapsed">
       <section v-if="article.body.pronunciation && article.body.pronunciation.length" class="pronunciation">
@@ -39,6 +40,7 @@ import Definition from './Definition.vue'
 import SubArticle from './SubArticle.vue'
 import Header from './Header.vue'
 import ArticleFooter from './ArticleFooter.vue'
+import InflectionButton from './InflectionButton.vue'
 
 function find_sub_articles(definition) {
   let sub_art_list = []
@@ -124,7 +126,8 @@ export default {
     Definition,
     SubArticle,
     Header,
-    ArticleFooter
+    ArticleFooter,
+    InflectionButton
   },
   methods: {
     expand: function() {