diff --git a/app/frontend/styles/_tag.scss b/app/frontend/styles/_tag.scss
new file mode 100644
index 000000000..dc6c366fa
--- /dev/null
+++ b/app/frontend/styles/_tag.scss
@@ -0,0 +1,7 @@
+.app-tag--small {
+  @include govuk-font(14, $weight: bold);
+  padding-top: 2px;
+  padding-right: 6px;
+  padding-bottom: 2px;
+  padding-left: 6px;
+}
diff --git a/app/frontend/styles/application.scss b/app/frontend/styles/application.scss
index b9de7492c..ebe0af05f 100644
--- a/app/frontend/styles/application.scss
+++ b/app/frontend/styles/application.scss
@@ -33,6 +33,7 @@ $govuk-breakpoints: (
 @import "related-navigation";
 @import "section-skip-link";
 @import "table-group";
+@import "tag";
 @import "task-list";
 @import "template";
 @import "pagination";
diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb
index cff822745..7a24b1838 100644
--- a/app/views/users/index.html.erb
+++ b/app/views/users/index.html.erb
@@ -23,7 +23,22 @@
   <% @users.each do |user| %>
     <%= table.body do |body| %>
       <%= body.row do |row| %>
-        <% row.cell(text: simple_format(user_cell(user), {}, wrapper_tag: "div")) %>
+        <% row.cell do %>
+          <%= simple_format(user_cell(user), {}, wrapper_tag: "span") %>
+          <% if user.is_data_protection_officer? || user.is_key_contact? %>
+            <br>
+          <% end %>
+          <%= user.is_data_protection_officer? ? govuk_tag(
+            classes: "app-tag--small",
+            colour: "turquoise",
+            text: "Data protection officer",
+          ) : "" %>
+          <%= user.is_key_contact? ? govuk_tag(
+            classes: "app-tag--small",
+            colour: "turquoise",
+            text: "Key contact",
+          ) : "" %>
+        <% end %>
         <% row.cell(text: simple_format(org_cell(user), {}, wrapper_tag: "div")) %>
         <% row.cell(text: user.last_sign_in_at&.to_formatted_s(:govuk_date)) %>
       <% end %>