diff --git a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
index 2f4b132..e62051c 100644
--- a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
+++ b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
@@ -19,7 +19,13 @@
             <dt>Namn</dt>
             <dd *ngIf="detailedParticipantData.fullName; else emptyDD">{{ detailedParticipantData.fullName }}</dd>
             <dt>Personnummer</dt>
-            <dd *ngIf="detailedParticipantData.ssn; else emptyDD">{{ detailedParticipantData.ssn }}</dd>
+            <dd *ngIf="detailedParticipantData.ssn; else emptyDD">
+              <dafa-hide-text
+                symbols="********-****"
+                [changingText]="detailedParticipantData.ssn"
+                ariaLabelType="personnummer"
+              ></dafa-hide-text>
+            </dd>
           </dl>
 
           <h3>Särskilda behov</h3>
diff --git a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
index 6d0587f..8a08a1f 100644
--- a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
+++ b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
@@ -6,6 +6,7 @@ import { BackLinkModule } from '@dafa-shared/components/back-link/back-link.modu
 import { IconModule } from '@dafa-shared/components/icon/icon.module';
 import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { ParticipantCardComponent } from './participant-card.component';
+import { HideTextModule } from '@dafa-shared/components/hide-text/hide-text.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -17,6 +18,7 @@ import { ParticipantCardComponent } from './participant-card.component';
     DigiNgLinkInternalModule,
     IconModule,
     BackLinkModule,
+    HideTextModule,
   ],
   exports: [ParticipantCardComponent],
 })
diff --git a/apps/dafa-web/src/app/shared/models/participant.model.ts b/apps/dafa-web/src/app/shared/models/participant.model.ts
index faf70d7..d682ca1 100644
--- a/apps/dafa-web/src/app/shared/models/participant.model.ts
+++ b/apps/dafa-web/src/app/shared/models/participant.model.ts
@@ -7,6 +7,7 @@ export interface Participant {
   firstName: string;
   lastName: string;
   fullName: string;
+  ssn: string;
   status: ParticipantStatus;
   nextStep: string;
   service: Service;
@@ -29,6 +30,7 @@ export interface ParticipantApiResponseData {
   id: string;
   firstName: string;
   lastName: string;
+  ssn: string;
   status: ParticipantStatus;
   nextStep: string;
   service: Service;
@@ -39,12 +41,25 @@ export interface ParticipantApiResponseData {
 }
 
 export function mapParticipantApiResponseToParticipant(data: ParticipantApiResponseData): Participant {
-  const { id, firstName, lastName, status, nextStep, service, errandNumber, startDate, endDate, handleBefore } = data;
+  const {
+    id,
+    firstName,
+    lastName,
+    ssn,
+    status,
+    nextStep,
+    service,
+    errandNumber,
+    startDate,
+    endDate,
+    handleBefore,
+  } = data;
   return {
     id,
     firstName,
     lastName,
     fullName: `${firstName} ${lastName}`,
+    ssn,
     status,
     nextStep,
     service,