diff --git a/src/components/employeeCard/EmployeeCard.tsx b/src/components/employeeCard/EmployeeCard.tsx
index c0c0b141b..5ccc3eff8 100644
--- a/src/components/employeeCard/EmployeeCard.tsx
+++ b/src/components/employeeCard/EmployeeCard.tsx
@@ -91,7 +91,7 @@ export default function EmployeeCard({
 export function EmployeeCardSkeleton({
   background = "light",
 }: {
-  background?: "light" | "dark";
+  background?: "light" | "dark" | "transparent";
 }) {
   const backgroundClass =
     background === "dark" ? styles["employeeImage--dark"] : "";
diff --git a/src/components/sections/contact-box/ContactSelector.tsx b/src/components/sections/contact-box/ContactSelector.tsx
index 5bdb25905..aeb5215ac 100644
--- a/src/components/sections/contact-box/ContactSelector.tsx
+++ b/src/components/sections/contact-box/ContactSelector.tsx
@@ -12,7 +12,7 @@ export type ContactSelectorProps = {
   contactPoints: Promise<EmployeeAndMetadata[]>;
   employeesPageSlug: string;
   language: string;
-  background?: "dark" | "light";
+  background?: "dark" | "light" | "transparent";
 };
 
 export default function ContactSelector({
diff --git a/src/components/tag/index.tsx b/src/components/tag/index.tsx
index 1ff66a6f0..40fe85989 100644
--- a/src/components/tag/index.tsx
+++ b/src/components/tag/index.tsx
@@ -18,6 +18,8 @@ function getBackgroundClass(backgroundColor: string) {
   switch (backgroundColor) {
     case "light":
       return "";
+    case "transparent":
+      return "";
     case "dark":
       return styles["tag--bgDark"];
     case "violet":
@@ -29,7 +31,7 @@ function getBackgroundClass(backgroundColor: string) {
 
 type TagProps = {
   active?: boolean;
-  background?: "light" | "dark" | "violet";
+  background?: "light" | "dark" | "violet" | "transparent";
   text: string;
 } & TagInner;