diff --git a/web/src/components/DLP/MetadataCard.vue b/web/src/components/DLP/MetadataCard.vue
index 3e6ee96a3..ddc6a8a90 100644
--- a/web/src/components/DLP/MetadataCard.vue
+++ b/web/src/components/DLP/MetadataCard.vue
@@ -35,10 +35,15 @@
                 cols="9"
                 class="text-grey-darken-3"
               >
-                <span v-if="item.name || item.identifier || item.id">
-                  {{ item.name || item.identifier || item.id }}
-                  <br>
-                </span>
+                <slot
+                  name="itemTitle"
+                  :item="item"
+                >
+                  <span v-if="item.name || item.identifier || item.id">
+                    {{ item.name || item.identifier || item.id }}
+                    <br>
+                  </span>
+                </slot>
                 <slot
                   name="content"
                   :item="item"
diff --git a/web/src/components/DLP/OverviewTab.vue b/web/src/components/DLP/OverviewTab.vue
index 3f48f1314..383d07552 100644
--- a/web/src/components/DLP/OverviewTab.vue
+++ b/web/src/components/DLP/OverviewTab.vue
@@ -88,6 +88,23 @@
       name="Related resources"
       icon="mdi-book"
     >
+      <template #itemTitle="slotProps">
+        <span v-if="slotProps.item.name || slotProps.item.identifier || slotProps.item.id">
+          <a
+            v-if="slotProps.item.url"
+            class="related-resource-link"
+            :href="slotProps.item.url"
+            target="_blank"
+            rel="noopener"
+          >
+            {{ slotProps.item.name || slotProps.item.identifier || slotProps.item.id }}
+          </a>
+          <template v-else>
+            {{ slotProps.item.name || slotProps.item.identifier || slotProps.item.id }}
+          </template>
+          <br>
+        </span>
+      </template>
       <template #content="slotProps">
         <span
           v-if="slotProps.item.identifier"
@@ -117,18 +134,6 @@
           <strong>Relation: </strong>{{ slotProps.item.relation }}
         </span>
       </template>
-      <template #links="slotProps">
-        <v-btn
-          v-if="slotProps.item.url"
-          icon
-          variant="text"
-          :href="slotProps.item.url"
-          target="_blank"
-          rel="noopener"
-        >
-          <v-icon>mdi-link</v-icon>
-        </v-btn>
-      </template>
     </MetadataCard>
 
     <v-card
@@ -362,3 +367,19 @@ onUnmounted(() => {
 });
 
 </script>
+
+<style scoped>
+/* Match the link styling used in https://docs.dandiarchive.org/ (Material for
+ * MkDocs): colored, no underline, with a smooth transition to a lighter blue on
+ * hover/focus — rather than the default underlined browser link. */
+.related-resource-link {
+  color: #4051b5;
+  text-decoration: none;
+  transition: color 125ms;
+}
+
+.related-resource-link:hover,
+.related-resource-link:focus {
+  color: #0091eb;
+}
+</style>