diff --git a/web/src/components/DLP/OverviewTab.vue b/web/src/components/DLP/OverviewTab.vue
index 5bd94335c..6a656b81f 100644
--- a/web/src/components/DLP/OverviewTab.vue
+++ b/web/src/components/DLP/OverviewTab.vue
@@ -67,6 +67,25 @@
       </template>
     </MetadataCard>
 
+    <MetadataCard
+      :items="protocols"
+      v-if="protocols && protocols.length"
+      name="Protocols"
+      icon="mdi-rodent"
+    >
+      <template #content="slotProps">
+        <div class="text-caption grey--text text--darken-1">
+          <a
+            :href="slotProps.item"
+            target="_blank"
+            rel="noopener"
+          >
+            {{ slotProps.item }}
+          </a>
+        </div>
+      </template>
+    </MetadataCard>
+
     <MetadataCard
       v-if="relatedResources && relatedResources.length"
       :items="relatedResources"
@@ -232,7 +251,7 @@ import MetadataCard from '@/components/DLP/MetadataCard.vue';
 import { useDandisetStore } from '@/stores/dandiset';
 
 import type { ComputedRef, PropType } from 'vue';
-import type { AssociatedProjects, DandisetMetadata, RelatedResource } from '@/types';
+import type { AssociatedProjects, DandisetMetadata, RelatedResource, Protocol } from '@/types';
 
 // Asset summary fields to hide
 const ASSET_SUMMARY_BLACKLIST = new Set([
@@ -288,6 +307,10 @@ const relatedResources: ComputedRef<RelatedResource|undefined> = computed(
   () => props.meta.relatedResource,
 );
 
+const protocols: ComputedRef<Protocol|undefined> = computed(
+  () => props.meta.protocol,
+);
+
 const associatedProjects: ComputedRef<AssociatedProjects|undefined> = computed(
   () => props.meta.wasGeneratedBy,
 );