diff --git a/.env.development b/.env.development
index 9fabf4eb6..873a8c7dc 100644
--- a/.env.development
+++ b/.env.development
@@ -14,4 +14,4 @@ VUE_APP_BI_API_ROOT=${API_BASE_URL}
 VUE_APP_LOG_LEVEL=${WEB_LOG_LEVEL}
 
 # The reference source
-VUE_APP_BI_REFERENCE_SOURCE=breedinginsight.org
+VUE_APP_BI_REFERENCE_SOURCE=${BRAPI_REFERENCE_SOURCE}
diff --git a/src/components/germplasm/GermplasmLink.vue b/src/components/germplasm/GermplasmLink.vue
new file mode 100644
index 000000000..a2ad619ed
--- /dev/null
+++ b/src/components/germplasm/GermplasmLink.vue
@@ -0,0 +1,49 @@
+<!--
+  - See the NOTICE file distributed with this work for additional information
+  - regarding copyright ownership.
+  -
+  - Licensed under the Apache License, Version 2.0 (the "License");
+  - you may not use this file except in compliance with the License.
+  - You may obtain a copy of the License at
+  -
+  -     http://www.apache.org/licenses/LICENSE-2.0
+  -
+  - Unless required by applicable law or agreed to in writing, software
+  - distributed under the License is distributed on an "AS IS" BASIS,
+  - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  - See the License for the specific language governing permissions and
+  - limitations under the License.
+  -->
+
+<template>
+    <router-link v-if="this.germplasmUUID" v-bind:to="{name: 'germplasm-details', params: {programId: activeProgram.id, germplasmId: this.germplasmUUID}}">
+      {{ this.germplasmGID }}
+    </router-link>
+    <div v-else>
+      {{ this.germplasmGID }}
+    </div>
+</template>
+
+<script lang="ts">
+import {Component, Prop, Vue} from 'vue-property-decorator'
+import { mapGetters } from 'vuex'
+import {Program} from "@/breeding-insight/model/Program";
+
+@Component({
+  computed: {
+    ...mapGetters([
+      'activeProgram'
+    ])
+  }
+})
+export default class GermplasmLink extends Vue {
+
+  private activeProgram?: Program;
+  @Prop()
+  private germplasmUUID!: String;
+  @Prop()
+  private germplasmGID!: String;
+
+}
+
+</script>
diff --git a/src/views/germplasm/GermplasmDetails.vue b/src/views/germplasm/GermplasmDetails.vue
index cc65b6bd5..84450ff07 100644
--- a/src/views/germplasm/GermplasmDetails.vue
+++ b/src/views/germplasm/GermplasmDetails.vue
@@ -35,7 +35,18 @@
       <li><b>Breeding Method: </b> {{ germplasm.additionalInfo.breedingMethod }}</li>
       <li><b>Source: </b> {{ germplasm.seedSource }}</li>
         <li><b>Pedigree: </b> {{ germplasm.additionalInfo.pedigreeByName }}</li>
-        <li><b>Pedigree GID(s): </b> {{ germplasm.pedigree }}</li>
+        <li><b>Pedigree GID(s): </b>
+          <GermplasmLink
+            v-if="germplasm.pedigree"
+            v-bind:germplasmUUID="Pedigree.parsePedigreeString(germplasm.additionalInfo.pedigreeByUUID).femaleParent"
+            v-bind:germplasmGID="Pedigree.parsePedigreeString(germplasm.pedigree).femaleParent"
+        > </GermplasmLink>
+          <template v-if="Pedigree.parsePedigreeString(germplasm.pedigree).maleParent">
+          / <GermplasmLink
+            v-bind:germplasmUUID="Pedigree.parsePedigreeString(germplasm.additionalInfo.pedigreeByUUID).maleParent"
+            v-bind:germplasmGID="Pedigree.parsePedigreeString(germplasm.pedigree).maleParent"
+          > </GermplasmLink></template>
+        </li>
       </ul>
     </section>
     </article>
@@ -93,29 +104,35 @@ import {Program} from "@/breeding-insight/model/Program";
 import GermplasmBase from "@/components/germplasm/GermplasmBase.vue";
 import {Germplasm} from "@/breeding-insight/brapi/model/germplasm";
 import {GermplasmService} from "@/breeding-insight/service/GermplasmService";
+import GermplasmLink from '@/components/germplasm/GermplasmLink.vue'
+import {Pedigree} from "@/breeding-insight/model/import/germplasm/Pedigree";
 import {GermplasmUtils} from '@/breeding-insight/utils/GermplasmUtils';
 import { Result } from '@/breeding-insight/model/Result';
 
 @Component({
-  components: {},
+  components: {GermplasmLink},
   computed: {
     ...mapGetters([
       'activeProgram'
     ])
   },
-  data: () => ({GermplasmUtils})
+  data: () => ({Pedigree, GermplasmUtils})
 })
 export default class GermplasmDetails extends GermplasmBase {
 
   private activeProgram?: Program;
   private germplasm?: Germplasm;
   private germplasmLoading: boolean = true;
-  private germplasmUUID: string = this.$route.params.germplasmId;
 
   mounted() {
     this.getGermplasm();
   }
 
+  get germplasmUUID(): string {
+    return this.$route.params.germplasmId;
+  }
+
+  @Watch('$route')
   async getGermplasm() {
     this.germplasmLoading = true;
     try {
diff --git a/src/views/germplasm/GermplasmTable.vue b/src/views/germplasm/GermplasmTable.vue
index 8c7d0f771..5da9e05aa 100644
--- a/src/views/germplasm/GermplasmTable.vue
+++ b/src/views/germplasm/GermplasmTable.vue
@@ -14,7 +14,11 @@
         v-on:sort="paginationController.updateSort($event)"
     >
       <b-table-column field="accessionNumber" label="GID" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
-        {{ props.row.data.accessionNumber }}
+        <GermplasmLink
+            v-bind:germplasmUUID="GermplasmUtils.getGermplasmUUID(props.row.data.externalReferences)"
+            v-bind:germplasmGID="props.row.data.accessionNumber"
+        >
+        </GermplasmLink>
       </b-table-column>
       <b-table-column field="defaultDisplayName" label="Name" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
         {{ props.row.data.defaultDisplayName }}
@@ -26,10 +30,16 @@
         {{ props.row.data.seedSource }}
       </b-table-column>
       <b-table-column field="pedigree" label="Female Parent GID" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
-        {{ Pedigree.parsePedigreeString(props.row.data.pedigree).femaleParent }}
+        <GermplasmLink
+            v-bind:germplasmUUID="Pedigree.parsePedigreeString(props.row.data.additionalInfo.pedigreeByUUID).femaleParent"
+            v-bind:germplasmGID="Pedigree.parsePedigreeString(props.row.data.pedigree).femaleParent"
+        > </GermplasmLink>
       </b-table-column>
       <b-table-column field="pedigree" label="Male Parent GID" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
-        {{ Pedigree.parsePedigreeString(props.row.data.pedigree).maleParent }}
+        <GermplasmLink
+            v-bind:germplasmUUID="Pedigree.parsePedigreeString(props.row.data.additionalInfo.pedigreeByUUID).maleParent"
+            v-bind:germplasmGID="Pedigree.parsePedigreeString(props.row.data.pedigree).maleParent"
+        > </GermplasmLink>
       </b-table-column>
       <b-table-column field="createdDate" label="Created Date" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
         {{ props.row.data.additionalInfo.createdDate }}
@@ -37,7 +47,7 @@
       <b-table-column field="createdBy.userName" label="Created By" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
         {{ props.row.data.additionalInfo.createdBy.userName }}
       </b-table-column>
-      <b-table-column field="germplasmId" v-slot="props" :th-attrs="(column) => ({scope:'col'})">
+      <b-table-column v-slot="props" :th-attrs="(column) => ({scope:'col'})">
         <router-link v-bind:to="{name: 'germplasm-details', params: {programId: activeProgram.id, germplasmId: GermplasmUtils.getGermplasmUUID(props.row.data.externalReferences)}}">
           Show Details
         </router-link>
@@ -68,11 +78,12 @@ import {Pagination} from "@/breeding-insight/model/BiResponse";
 import ExpandableTable from "@/components/tables/expandableTable/ExpandableTable.vue";
 import {PaginationController} from "@/breeding-insight/model/view_models/PaginationController";
 import {Pedigree} from "@/breeding-insight/model/import/germplasm/Pedigree";
+import GermplasmLink from '@/components/germplasm/GermplasmLink.vue'
 import {GermplasmUtils} from '@/breeding-insight/utils/GermplasmUtils';
 
 @Component({
   mixins: [validationMixin],
-  components: {ReportTable, ExpandableTable},
+  components: {GermplasmLink, ReportTable, ExpandableTable},
   computed: {
     ...mapGetters([
       'activeProgram'
diff --git a/vue.config.js b/vue.config.js
index 4b8e01e9c..5ab020f8e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -26,6 +26,7 @@ process.env.VUE_APP_BI_API_ROOT = process.env.VUE_APP_BI_API_ROOT || "http://loc
 process.env.VUE_APP_OPENID_LOGOUT_URL = process.env.VUE_APP_OPENID_LOGOUT_URL || "https://sandbox.orcid.org/userStatus.json?logUserOut=true";
 process.env.VUE_APP_BI_API_V1_PATH = process.env.VUE_APP_BI_API_ROOT + "/v1";
 process.env.VUE_APP_LOG_LEVEL = process.env.VUE_APP_LOG_LEVEL || 'error';
+process.env.VUE_APP_BI_REFERENCE_SOURCE = process.env.VUE_APP_BI_REFERENCE_SOURCE || 'breedinginsight.org';
 
 module.exports = {
   devServer: {