diff --git a/CHANGELOG.md b/CHANGELOG.md
index 023b639..926f32a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - **deltagare:** Now fetching data using "genomforandeReferens" instead of "sokandeId" to avoid wrong data. [TV-692](https://jira.arbetsformedlingen.se/browse/TV-692)
 - **authorization:** Whenever the API throws a "403 Forbidden" error we now show an unauthorized message. [TV-695](https://jira.arbetsformedlingen.se/browse/TV-695)
+- **avrop:** Now showing spårnamn instead of spårkod inside avrop. [TV-691](https://jira.arbetsformedlingen.se/browse/TV-691)
 - **avrop:** Fixed error-state on handledare select. [TV-699](https://jira.arbetsformedlingen.se/browse/TV-699)
 
 ## [2.0.0](https://bitbucket.arbetsformedlingen.se/projects/tea/repos/mina-sidor-fa-web/compare/diff?targetBranch=refs%2Ftags%2Fv1.5.0&sourceBranch=refs%2Ftags%2Fv2.0.0) (2021-09-24)
diff --git a/apps/mina-sidor-fa/src/app/pages/avrop/components/avrop-row/avrop-row.component.html b/apps/mina-sidor-fa/src/app/pages/avrop/components/avrop-row/avrop-row.component.html
index 12ddc83..7149f42 100644
--- a/apps/mina-sidor-fa/src/app/pages/avrop/components/avrop-row/avrop-row.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/avrop/components/avrop-row/avrop-row.component.html
@@ -1,4 +1,4 @@
-<digi-typography>
+<digi-typography *ngIf="avrop">
   <div
     class="avrop-row"
     [ngClass]="{'avrop-row--locked': isLocked, 'avrop-row--deletable': handledareConfirmed && !isSubmitted}"
@@ -12,41 +12,38 @@
     </div>
     <dl class="avrop-row__name">
       <dt class="avrop-table__label">Namn:</dt>
-      <dd *ngIf="avrop?.fullName; else emptyText">{{avrop?.fullName}}</dd>
+      <dd *ngIf="avrop.fullName; else emptyText">{{avrop.fullName}}</dd>
     </dl>
     <dl class="avrop-row__tjanst">
       <dt class="avrop-table__label">Tjänst:</dt>
-      <dd *ngIf="avrop?.tjanst; else emptyText">{{avrop?.tjanst}}</dd>
+      <dd *ngIf="avrop.tjanst; else emptyText">{{avrop.tjanst}}</dd>
     </dl>
     <dl class="avrop-row__start">
       <dt class="avrop-table__label">Startdatum:</dt>
       <dd>
         <digi-typography-time
-          *ngIf="avrop?.startDate; else emptyText"
-          [afDateTime]="avrop?.startDate"
+          *ngIf="avrop.startDate; else emptyText"
+          [afDateTime]="avrop.startDate"
         ></digi-typography-time>
       </dd>
     </dl>
     <dl class="avrop-row__end">
       <dt class="avrop-table__label">Slutdatum:</dt>
       <dd>
-        <digi-typography-time
-          *ngIf="avrop?.endDate; else emptyText"
-          [afDateTime]="avrop?.endDate"
-        ></digi-typography-time>
+        <digi-typography-time *ngIf="avrop.endDate; else emptyText" [afDateTime]="avrop.endDate"></digi-typography-time>
       </dd>
     </dl>
     <dl class="avrop-row__translator">
       <dt class="avrop-table__label">Språkstöd/Tolk:</dt>
-      <dd>{{avrop?.sprakstod || '- '}}/{{avrop?.tolkbehov || ' -'}}</dd>
+      <dd>{{avrop.sprakstod || '- '}}/{{avrop.tolkbehov || ' -'}}</dd>
     </dl>
     <dl class="avrop-row__address">
       <dt class="avrop-table__label">Utförande adress:</dt>
-      <dd *ngIf="avrop?.utforandeAdress; else emptyText">{{avrop?.utforandeAdress}}</dd>
+      <dd *ngIf="avrop.utforandeAdress; else emptyText">{{avrop.utforandeAdress}}</dd>
     </dl>
     <dl class="avrop-row__level">
       <dt class="avrop-table__label">Spår/nivå:</dt>
-      <dd *ngIf="avrop?.trackCode; else emptyText">{{avrop?.trackCode}}</dd>
+      <dd *ngIf="avrop.trackCode; else emptyText">{{avrop.trackName}}</dd>
     </dl>
     <dl class="avrop-row__handledare" *ngIf="isLocked">
       <dt class="avrop-table__label">Vald handledare:</dt>
diff --git a/apps/mina-sidor-fa/src/app/shared/enums/track-name.enum.ts b/apps/mina-sidor-fa/src/app/shared/enums/track-name.enum.ts
new file mode 100644
index 0000000..4173909
--- /dev/null
+++ b/apps/mina-sidor-fa/src/app/shared/enums/track-name.enum.ts
@@ -0,0 +1,6 @@
+export enum TrackName {
+  A012SP1 = 'Nivå A',
+  A012SP2 = 'Nivå B',
+  A012SP3 = 'Nivå C',
+  UNKNOWN = 'Info saknas',
+}
diff --git a/apps/mina-sidor-fa/src/app/shared/models/avrop.model.ts b/apps/mina-sidor-fa/src/app/shared/models/avrop.model.ts
index 0e018c1..98327cb 100644
--- a/apps/mina-sidor-fa/src/app/shared/models/avrop.model.ts
+++ b/apps/mina-sidor-fa/src/app/shared/models/avrop.model.ts
@@ -1,3 +1,4 @@
+import { TrackName } from '@msfa-enums/track-name.enum';
 import { AvropResponse } from './api/avrop.response.model';
 import { PaginationMeta } from './pagination-meta.model';
 
@@ -59,7 +60,7 @@ export function mapAvropResponseToAvrop(data: AvropResponse): Avrop {
     sprakstod: sprakstod,
     utforandeAdress: adress,
     trackCode: sparkod,
-    trackName: sparNamn,
+    trackName: TrackName[sparkod] || TrackName.UNKNOWN,
     genomforandeReferens,
     participationFrequency: deltagandeGrad,
     utforandeVerksamhet: utforandeverksamhet,
diff --git a/apps/mina-sidor-fa/src/assets/CHANGELOG.md b/apps/mina-sidor-fa/src/assets/CHANGELOG.md
index 023b639..926f32a 100644
--- a/apps/mina-sidor-fa/src/assets/CHANGELOG.md
+++ b/apps/mina-sidor-fa/src/assets/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - **deltagare:** Now fetching data using "genomforandeReferens" instead of "sokandeId" to avoid wrong data. [TV-692](https://jira.arbetsformedlingen.se/browse/TV-692)
 - **authorization:** Whenever the API throws a "403 Forbidden" error we now show an unauthorized message. [TV-695](https://jira.arbetsformedlingen.se/browse/TV-695)
+- **avrop:** Now showing spårnamn instead of spårkod inside avrop. [TV-691](https://jira.arbetsformedlingen.se/browse/TV-691)
 - **avrop:** Fixed error-state on handledare select. [TV-699](https://jira.arbetsformedlingen.se/browse/TV-699)
 
 ## [2.0.0](https://bitbucket.arbetsformedlingen.se/projects/tea/repos/mina-sidor-fa-web/compare/diff?targetBranch=refs%2Ftags%2Fv1.5.0&sourceBranch=refs%2Ftags%2Fv2.0.0) (2021-09-24)