diff --git a/client/src/app/pages/advisory-details/advisory-details.tsx b/client/src/app/pages/advisory-details/advisory-details.tsx
index 809a46a6d..486009f7c 100644
--- a/client/src/app/pages/advisory-details/advisory-details.tsx
+++ b/client/src/app/pages/advisory-details/advisory-details.tsx
@@ -2,6 +2,9 @@ import React from "react";
 
 import {
   Button,
+  Flex,
+  FlexItem,
+  Label,
   PageSection,
   Split,
   SplitItem,
@@ -48,12 +51,21 @@ export const AdvisoryDetails: React.FC = () => {
       <PageSection variant="light">
         <Split>
           <SplitItem isFilled>
-            <TextContent>
-              <Text component="h1">
-                {advisory?.document_id ?? advisoryId ?? ""}
-              </Text>
-              <Text component="p">Advisory detail information</Text>
-            </TextContent>
+            <Flex>
+              <FlexItem spacer={{ default: "spacerSm" }}>
+                <TextContent>
+                  <Text component="h1">
+                    {advisory?.document_id ?? advisoryId ?? ""}
+                  </Text>
+                  <Text component="p">Advisory detail information</Text>
+                </TextContent>
+              </FlexItem>
+              <FlexItem>
+                {advisory?.labels.type && (
+                  <Label color="blue">{advisory?.labels.type}</Label>
+                )}
+              </FlexItem>
+            </Flex>
           </SplitItem>
           <SplitItem>
             {!isFetching && (
diff --git a/client/src/app/pages/advisory-list/advisory-context.tsx b/client/src/app/pages/advisory-list/advisory-context.tsx
index b6fed692d..639b397fd 100644
--- a/client/src/app/pages/advisory-list/advisory-context.tsx
+++ b/client/src/app/pages/advisory-list/advisory-context.tsx
@@ -20,7 +20,12 @@ import { useFetchAdvisories } from "@app/queries/advisories";
 interface IAdvisorySearchContext {
   tableControls: ITableControls<
     AdvisorySummary,
-    "identifier" | "title" | "severity" | "modified" | "vulnerabilities",
+    | "identifier"
+    | "title"
+    | "severity"
+    | "type"
+    | "modified"
+    | "vulnerabilities",
     "identifier" | "severity" | "modified",
     "" | "average_severity" | "modified",
     string
@@ -51,6 +56,7 @@ export const AdvisorySearchProvider: React.FunctionComponent<
       identifier: "ID",
       title: "Title",
       severity: "Aggregated Severity",
+      type: "Type",
       modified: "Revision",
       vulnerabilities: "Vulnerabilities",
     },
diff --git a/client/src/app/pages/advisory-list/advisory-table.tsx b/client/src/app/pages/advisory-list/advisory-table.tsx
index 4647a655c..d6ee83b50 100644
--- a/client/src/app/pages/advisory-list/advisory-table.tsx
+++ b/client/src/app/pages/advisory-list/advisory-table.tsx
@@ -58,6 +58,7 @@ export const AdvisoryTable: React.FC = () => {
               <Th {...getThProps({ columnKey: "identifier" })} />
               <Th {...getThProps({ columnKey: "title" })} />
               <Th {...getThProps({ columnKey: "severity" })} />
+              <Th {...getThProps({ columnKey: "type" })} />
               <Th {...getThProps({ columnKey: "modified" })} />
               <Th {...getThProps({ columnKey: "vulnerabilities" })} />
             </TableHeaderContentWithControls>
@@ -111,7 +112,7 @@ export const AdvisoryTable: React.FC = () => {
                       </NavLink>
                     </Td>
                     <Td
-                      width={40}
+                      width={30}
                       modifier="truncate"
                       {...getTdProps({ columnKey: "title" })}
                     >
@@ -131,6 +132,9 @@ export const AdvisoryTable: React.FC = () => {
                         />
                       )}
                     </Td>
+                    <Td width={10} {...getTdProps({ columnKey: "type" })}>
+                      {item.labels.type}
+                    </Td>
                     <Td
                       width={10}
                       modifier="truncate"
diff --git a/client/src/app/pages/vulnerability-details/advisories-by-vulnerability.tsx b/client/src/app/pages/vulnerability-details/advisories-by-vulnerability.tsx
index ef7e17f01..7455918f5 100644
--- a/client/src/app/pages/vulnerability-details/advisories-by-vulnerability.tsx
+++ b/client/src/app/pages/vulnerability-details/advisories-by-vulnerability.tsx
@@ -36,6 +36,7 @@ export const AdvisoriesByVulnerability: React.FC<
       identifier: "ID",
       title: "Title",
       severity: "Aggregated Severity",
+      type: "Type",
       revision: "Revision",
       vulnerabilities: "Vulnerabilities",
     },
@@ -93,6 +94,7 @@ export const AdvisoriesByVulnerability: React.FC<
               <Th {...getThProps({ columnKey: "identifier" })} />
               <Th {...getThProps({ columnKey: "title" })} />
               <Th {...getThProps({ columnKey: "severity" })} />
+              <Th {...getThProps({ columnKey: "type" })} />
               <Th {...getThProps({ columnKey: "revision" })} />
               <Th {...getThProps({ columnKey: "vulnerabilities" })} />
             </TableHeaderContentWithControls>
@@ -114,7 +116,7 @@ export const AdvisoriesByVulnerability: React.FC<
                     </Link>
                   </Td>
                   <Td
-                    width={50}
+                    width={45}
                     modifier="truncate"
                     {...getTdProps({ columnKey: "title" })}
                   >
@@ -128,6 +130,13 @@ export const AdvisoriesByVulnerability: React.FC<
                       showScore
                     />
                   </Td>
+                  <Td
+                    width={10}
+                    modifier="truncate"
+                    {...getTdProps({ columnKey: "type" })}
+                  >
+                    {item.labels.type}
+                  </Td>
                   <Td
                     width={10}
                     modifier="truncate"