diff --git a/frontend/src/views/genedetail/genedetail.html b/frontend/src/views/genedetail/genedetail.html
index e2eb876f5fed61b9c28233fc0790093df3dd0523..e2b9a9789f95d012d50957de79c0861bd5c98cd9 100644
--- a/frontend/src/views/genedetail/genedetail.html
+++ b/frontend/src/views/genedetail/genedetail.html
@@ -63,6 +63,20 @@
               </v-expansion-panel>
             </v-card>
           </v-flex>
+          <!-- Source -->
+          <v-flex xs12 md6 lg4 xl3>
+            <v-card>
+              <v-toolbar class="tertiary white--text" dense>
+                <v-icon class="white--text">format_list_bulleted</v-icon>
+                <v-toolbar-title>
+                  Gene source
+                </v-toolbar-title>
+              </v-toolbar>
+              <!-- Simple information -->
+              <SimpleListing :listData="sourceDetail"/>
+              <v-divider></v-divider>
+            </v-card>
+          </v-flex>
           <!-- KEGG Function -->
           <template v-for="keggId in keggIds">
             <KeggCard v-if="keggId" :keggId='keggId'></KeggCard>
diff --git a/frontend/src/views/genedetail/genedetail.js b/frontend/src/views/genedetail/genedetail.js
index 1b9fe4efe61429bfed9195449a360cc14855a1cd..3e25cc366a1bd6fb9913b73dbb13fd831026f5c6 100644
--- a/frontend/src/views/genedetail/genedetail.js
+++ b/frontend/src/views/genedetail/genedetail.js
@@ -11,6 +11,7 @@ export default {
     return {
       geneId: '',
       geneDetail: [],
+      sourceDetail: [],
       sequence: '',
       keggIds: [],
       taxonomyId: '',
@@ -59,13 +60,21 @@ export default {
               title: 'Length (bp)',
               content: response.data.length,
             },
+          ];
+          this.sourceDetail = [
             {
-              title: 'Source',
-              content: response.data.source,
-              url: this.sourceUrls[response.data.source],
-              url_label: this.labelUrls[response.data.source],
+              title: 'Name',
+              content: response.data.source.name,
+              url: response.data.source.url,
+              url_label: response.data.source.url,
             },
-          ];
+            {
+              title: 'Reference',
+              content: response.data.source.doi,
+              url: `https://doi.org/${response.data.source.doi}`,
+              url_label: `https://doi.org/${response.data.source.doi}`,
+            },
+          ]
           if (response.data.sequence) {
             this.sequence = '>' + response.data.gene_id + '\n' + response.data.sequence;
           }