diff --git a/apps/portal/src/components/resumes/browse/FilterPill.tsx b/apps/portal/src/components/resumes/browse/FilterPill.tsx
new file mode 100644
index 00000000..c34f4763
--- /dev/null
+++ b/apps/portal/src/components/resumes/browse/FilterPill.tsx
@@ -0,0 +1,15 @@
+type Props = Readonly<{
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  title: string;
+}>;
+
+export default function FilterPill({ title, onClick }: Props) {
+  return (
+    <button
+      className="rounded-xl border border-indigo-500 border-transparent bg-white px-2 py-1 text-xs font-medium text-indigo-500 focus:bg-indigo-500 focus:text-white"
+      type="button"
+      onClick={onClick}>
+      {title}
+    </button>
+  );
+}