diff --git a/ui/components/card/CardDashboard.vue b/ui/components/card/CardDashboard.vue
new file mode 100644
index 00000000..51900adc
--- /dev/null
+++ b/ui/components/card/CardDashboard.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+defineProps({
+  title: {
+    default: "Card Title",
+    type: String,
+  },
+  subheader: {
+    default: "",
+    type: String,
+  },
+});
+
+const slots = useSlots();
+</script>
+
+<template>
+  <div
+    class="flex w-full gap-4 rounded-lg border border-slate-200 bg-white px-5 py-6 shadow-sm"
+  >
+    <div>
+      <slot name="icon"></slot>
+    </div>
+
+    <div class="flex w-full flex-col">
+      <div class="flex flex-col border-b border-slate-100 pb-2">
+        <h2 v-if="!slots.title" name="title" class="text-xl font-bold">
+          {{ title }}
+        </h2>
+
+        <slot v-else name="title"></slot>
+
+        <p v-if="!slots.subheader" class="text-sm text-slate-500">
+          {{ subheader }}
+        </p>
+
+        <slot v-else name="subheader"></slot>
+      </div>
+
+      <div class="flex items-center justify-between gap-8 pt-6">
+        <slot name="content"></slot>
+
+        <slot name="action"></slot>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/ui/pages/add/code-metadata/[identifier].vue b/ui/pages/add/code-metadata/[identifier].vue
index a9e9055a..72acc908 100644
--- a/ui/pages/add/code-metadata/[identifier].vue
+++ b/ui/pages/add/code-metadata/[identifier].vue
@@ -319,6 +319,29 @@ const navigateToPR = () => {
 <template>
   <main>
     <div class="mx-auto mb-4 max-w-screen-xl rounded bg-white p-8 shadow-md">
+      <n-breadcrumb class="pb-5">
+        <n-breadcrumb-item :clickable="false">
+          <Icon name="ri:dashboard-fill" />
+
+          Dashboard
+        </n-breadcrumb-item>
+
+        <n-breadcrumb-item :href="`/dashboard/${data?.owner}`">
+          <Icon name="uil:github" />
+          {{ data?.owner }}
+        </n-breadcrumb-item>
+
+        <n-breadcrumb-item :href="`/dashboard/${data?.owner}/${data?.repo}`">
+          <Icon name="vscode-icons:folder-type-git" />
+          {{ data?.repo }}
+        </n-breadcrumb-item>
+
+        <n-breadcrumb-item>
+          <Icon name="tabler:code" />
+          Edit Code Metadata
+        </n-breadcrumb-item>
+      </n-breadcrumb>
+
       <n-flex vertical size="large" class="pb-5">
         <div class="flex flex-row justify-between">
           <h1 class="text-2xl font-bold">
diff --git a/ui/pages/add/license/[identifier].vue b/ui/pages/add/license/[identifier].vue
index 46b74d7a..2f9c447a 100644
--- a/ui/pages/add/license/[identifier].vue
+++ b/ui/pages/add/license/[identifier].vue
@@ -194,6 +194,29 @@ const navigateToPR = () => {
 
 <template>
   <main class="mx-auto max-w-screen-xl bg-white p-8">
+    <n-breadcrumb class="pb-5">
+      <n-breadcrumb-item :clickable="false">
+        <Icon name="ri:dashboard-fill" />
+
+        Dashboard
+      </n-breadcrumb-item>
+
+      <n-breadcrumb-item :href="`/dashboard/${data?.owner}`">
+        <Icon name="uil:github" />
+        {{ data?.owner }}
+      </n-breadcrumb-item>
+
+      <n-breadcrumb-item :href="`/dashboard/${data?.owner}/${data?.repo}`">
+        <Icon name="vscode-icons:folder-type-git" />
+        {{ data?.repo }}
+      </n-breadcrumb-item>
+
+      <n-breadcrumb-item>
+        <Icon name="tabler:license" />
+        Edit License
+      </n-breadcrumb-item>
+    </n-breadcrumb>
+
     <n-flex vertical size="large" class="pb-5">
       <div class="flex flex-row justify-between">
         <h1 class="text-2xl font-bold">
diff --git a/ui/pages/dashboard/[owner]/[repo].vue b/ui/pages/dashboard/[owner]/[repo].vue
index 3527c9d0..fe8e0496 100644
--- a/ui/pages/dashboard/[owner]/[repo].vue
+++ b/ui/pages/dashboard/[owner]/[repo].vue
@@ -26,28 +26,6 @@ if (error.value) {
   }
 }
 
-const licenseRequests = computed(() => {
-  if (!data.value) {
-    return {
-      closed: [],
-      open: [],
-    };
-  }
-
-  const openLicenseRequests = data.value?.licenseRequests.filter(
-    (request) => request.open,
-  );
-
-  const closedLicenseRequests = data.value?.licenseRequests.filter(
-    (request) => !request.open,
-  );
-
-  return {
-    closed: closedLicenseRequests,
-    open: openLicenseRequests,
-  };
-});
-
 const generateSeed = (seed: string) => {
   return generate({
     join: "-",
@@ -133,74 +111,142 @@ const rerunCwlValidation = async () => {
     <div v-else>
       <n-divider />
 
-      <CardCollapsible
+      <CardDashboard
         title="License"
-        subheader="The license for the repository is shown here. You can review open
-          license requests and view closed license requests."
-        class="rounded-lg bg-white shadow-md"
-        bordered
+        subheader="The license for the repository is shown here."
       >
-        <div class="my-3">
-          <div
-            v-for="licenseRequest in licenseRequests.open"
-            :key="licenseRequest.identifier"
-          >
-            <n-card>
-              <n-flex align="center" justify="space-between">
-                <div>
-                  <h3>ID: {{ generateSeed(licenseRequest.identifier) }}</h3>
-
-                  <p>
-                    {{
-                      $dayjs
-                        .unix(parseInt(licenseRequest.timestamp) / 1000)
-                        .format("MMMM DD, YYYY HH:mmA")
-                    }}
-                  </p>
-                </div>
+        <template #icon>
+          <Icon name="tabler:license" size="40" />
+        </template>
+
+        <template #content>
+          <p>A License is required according to the FAIR-BioRS guidelines</p>
+        </template>
+
+        <template #action>
+          <NuxtLink :to="`/add/license/${data?.licenseRequest?.identifier}`">
+            <n-button type="primary">
+              <template #icon>
+                <Icon name="akar-icons:edit" size="16" />
+              </template>
+              Edit License
+            </n-button>
+          </NuxtLink>
+        </template>
+      </CardDashboard>
 
-                <NuxtLink
-                  :to="`/add/license/${licenseRequest.identifier}`"
-                  target="__blank"
-                >
-                  <n-button type="primary"> View License </n-button>
-                </NuxtLink>
-              </n-flex>
-            </n-card>
-          </div>
+      <n-divider />
 
-          <!-- <n-divider />
+      <CardDashboard
+        title="Code Metadata"
+        subheader="The code metadata for the repository is shown here."
+      >
+        <template #icon>
+          <Icon name="tabler:code" size="40" />
+        </template>
 
-          <h3>Closed License Requests</h3>
+        <template #content>
+          <p>
+            The code metadata for the repository is shown here. This includes
+            the number of files, the number of lines of code, and the number of
+            commits.
+          </p>
+        </template>
 
-          <n-alert
-            v-if="licenseRequests.closed.length === 0"
-            type="info"
-            class="my-5"
+        <template #action>
+          <NuxtLink
+            :to="`/add/code-metadata/${data?.codeMetadataRequest?.identifier}`"
           >
-            There are no closed license requests for this repository.
-          </n-alert>
+            <n-button type="primary">
+              <template #icon>
+                <Icon name="akar-icons:edit" size="16" />
+              </template>
+              Edit Code Metadata
+            </n-button>
+          </NuxtLink>
+        </template>
+      </CardDashboard>
 
-          <div
-            v-for="licenseRequest in licenseRequests.closed"
-            v-else
-            :key="licenseRequest.identifier"
-            :to="`/dashboard/${owner}/${repo}/license/${licenseRequest.identifier}`"
-          >
-            <n-card>
-              <n-flex align="center" justify="space-between">
-                <div>
-                  <h3>{{ licenseRequest.identifier }}</h3>
+      <n-divider />
+
+      <CardDashboard
+        title="CWL Validation"
+        subheader="Common Workflow Language (CWL) is an open standard for describing how to run command line tools and connect them to create workflows."
+      >
+        <template #icon>
+          <Icon name="cib:common-workflow-language" size="40" />
+        </template>
+
+        <template #content>
+          <p>
+            Common Workflow Language (CWL) is an open standard for describing
+            how to run command line tools and connect them to create workflows.
+          </p>
+        </template>
+
+        <template #action>
+          <div class="flex space-x-3">
+            <n-tooltip trigger="hover" placement="bottom-start">
+              <template #trigger>
+                <n-button
+                  type="success"
+                  secondary
+                  :loading="cwlValidationRerunRequestLoading"
+                  @click="rerunCwlValidation"
+                >
+                  <template #icon>
+                    <Icon name="mynaui:redo" size="16" />
+                  </template>
 
-                  <p>{{ licenseRequest.timestamp }}</p>
-                </div>
+                  Rerun CWL Validation
+                </n-button>
+              </template>
+              This may take a few minutes to complete.
+            </n-tooltip>
+
+            <NuxtLink
+              :to="`/view/cwl-validation/${data?.cwlValidation?.identifier}`"
+            >
+              <n-button type="primary">
+                <template #icon>
+                  <Icon name="mdi:eye" size="16" />
+                </template>
+                View CWL Validation Results
+              </n-button>
+            </NuxtLink>
+          </div>
+        </template>
+      </CardDashboard>
 
-                <NuxtLink :to="licenseRequest.pullRequest" target="__blank">
-                  <n-button type="primary">View Pull Request</n-button>
-                </NuxtLink>
-              </n-flex>
-            </n-card>
-          </div> -->
+      <n-divider />
+
+      <CardCollapsible
+        title="License"
+        subheader="The license for the repository is shown here. You can review open
+          license requests and view closed license requests."
+        class="rounded-lg bg-white shadow-md"
+        bordered
+      >
+        <div class="my-3">
+          <n-card>
+            <n-flex align="center" justify="space-between">
+              <div>
+                <h3>
+                  ID:
+                  {{
+                    generateSeed(data?.licenseRequest?.identifier || "hello")
+                  }}
+                </h3>
+              </div>
+
+              <NuxtLink
+                :to="`/add/license/${data?.licenseRequest?.identifier}`"
+                target="__blank"
+              >
+                <n-button type="primary"> View License </n-button>
+              </NuxtLink>
+            </n-flex>
+          </n-card>
         </div>
       </CardCollapsible>
 
@@ -214,15 +260,7 @@ const rerunCwlValidation = async () => {
         class="rounded-lg bg-white shadow-md"
         bordered
       >
-        <!-- <h2>Code Metadata</h2> -->
-
         <div>
-          <!-- <p>
-            The code metadata for the repository is shown here. This includes
-            the number of files, the number of lines of code, and the number of
-            commits.
-          </p> -->
-
           <n-alert v-if="!data?.codeMetadataRequest" type="info" class="my-5">
             There are no codemetadata requests for this repository yet.
           </n-alert>
diff --git a/ui/pages/view/cwl-validation/[identifier].vue b/ui/pages/view/cwl-validation/[identifier].vue
index bafd99de..794bdfd1 100644
--- a/ui/pages/view/cwl-validation/[identifier].vue
+++ b/ui/pages/view/cwl-validation/[identifier].vue
@@ -31,6 +31,29 @@ if (data.value) {
 
 <template>
   <main class="mx-auto max-w-screen-xl bg-white p-8">
+    <n-breadcrumb class="pb-5">
+      <n-breadcrumb-item :clickable="false">
+        <Icon name="ri:dashboard-fill" />
+
+        Dashboard
+      </n-breadcrumb-item>
+
+      <n-breadcrumb-item :href="`/dashboard/${data?.owner}`">
+        <Icon name="uil:github" />
+        {{ data?.owner }}
+      </n-breadcrumb-item>
+
+      <n-breadcrumb-item :href="`/dashboard/${data?.owner}/${data?.repo}`">
+        <Icon name="vscode-icons:folder-type-git" />
+        {{ data?.repo }}
+      </n-breadcrumb-item>
+
+      <n-breadcrumb-item>
+        <Icon name="cib:common-workflow-language" />
+        View CWL Validation
+      </n-breadcrumb-item>
+    </n-breadcrumb>
+
     <n-flex vertical size="large" class="pb-5">
       <div class="flex flex-row justify-between">
         <h1 class="text-2xl font-bold">
diff --git a/ui/server/api/dashboard/[owner]/[repo]/index.get.ts b/ui/server/api/dashboard/[owner]/[repo]/index.get.ts
index 729ba60b..89cb3d87 100644
--- a/ui/server/api/dashboard/[owner]/[repo]/index.get.ts
+++ b/ui/server/api/dashboard/[owner]/[repo]/index.get.ts
@@ -36,14 +36,9 @@ export default defineEventHandler(async (event) => {
   const licenseRequestsCollection = db.collection("licenseRequests");
 
   // Get all license requests for the repository sorted by timestamp
-  const allLicenseRequests = await licenseRequestsCollection
-    .find({
-      repositoryId,
-    })
-    .sort({
-      timestamp: -1,
-    })
-    .toArray();
+  const licenseRequest = await licenseRequestsCollection.findOne({
+    repositoryId,
+  });
 
   const codeMetadataCollection = db.collection("codeMetadata");
 
@@ -81,14 +76,16 @@ export default defineEventHandler(async (event) => {
           repo: cwlValidation.repo as string,
         }
       : null,
-    licenseRequests: allLicenseRequests.map((licenseRequest) => ({
-      identifier: licenseRequest.identifier as string,
-      licenseId: licenseRequest.licenseId as string,
-      open: licenseRequest.open as boolean,
-      owner: licenseRequest.owner as string,
-      pullRequest: (licenseRequest.pullRequestURL as string) || "",
-      repo: licenseRequest.repo as string,
-      timestamp: licenseRequest.updated_at as string,
-    })),
+    licenseRequest: licenseRequest
+      ? {
+          identifier: licenseRequest.identifier as string,
+          licenseId: licenseRequest.licenseId as string,
+          open: licenseRequest.open as boolean,
+          owner: licenseRequest.owner as string,
+          pullRequest: (licenseRequest.pullRequestURL as string) || "",
+          repo: licenseRequest.repo as string,
+          timestamp: licenseRequest.updated_at as string,
+        }
+      : null,
   };
 });
diff --git a/ui/server/api/license/[identifier]/index.post.ts b/ui/server/api/license/[identifier]/index.post.ts
index abfb8c35..9e8e5f53 100644
--- a/ui/server/api/license/[identifier]/index.post.ts
+++ b/ui/server/api/license/[identifier]/index.post.ts
@@ -167,10 +167,6 @@ export default defineEventHandler(async (event) => {
   });
 
   // Create a pull request for the new branch with the license content
-
-  /**
-   * todo: figure out how to resolve the issue number
-   */
   const { data: pullRequestData } = await octokit.request(
     "POST /repos/{owner}/{repo}/pulls",
     {
@@ -179,7 +175,11 @@ export default defineEventHandler(async (event) => {
       title: "feat: ✨ LICENSE file added",
       head: newBranchName,
       base: defaultBranch,
-      // body: `Resolves #${context.payload.issue.number}`,
+      body: `This pull request ${
+        existingLicenseSHA
+          ? "updates the existing LICENSE file"
+          : `adds the LICENSE file with the ${licenseId} license terms`
+      }. Please review the changes and merge the pull request if everything looks good.`,
       headers: {
         "X-GitHub-Api-Version": "2022-11-28",
       },