diff --git a/src/components/ContactPersonCard/ContactPersonCard.tsx b/src/components/ContactPersonCard/ContactPersonCard.tsx
index 80bb946..6480cec 100644
--- a/src/components/ContactPersonCard/ContactPersonCard.tsx
+++ b/src/components/ContactPersonCard/ContactPersonCard.tsx
@@ -31,7 +31,7 @@ export const ContactPersonCard = ({
return (
- {photo && (
+ {photo ? (
+ ) : (
+
)}
diff --git a/src/components/ContactPersonCard/styles.module.scss b/src/components/ContactPersonCard/styles.module.scss
index c0893c0..1c87b6a 100644
--- a/src/components/ContactPersonCard/styles.module.scss
+++ b/src/components/ContactPersonCard/styles.module.scss
@@ -14,6 +14,13 @@
border-radius: 50%;
}
+.photoPlaceholder {
+ width: 200px;
+ height: 200px;
+ border-radius: 50%;
+ background-color: #efefef;
+}
+
.role {
font-size: 25px;
color: $base-color;