diff --git a/src/jobs/list-item.tsx b/src/jobs/list-item.tsx
index 38e4fdee1..406cf065b 100644
--- a/src/jobs/list-item.tsx
+++ b/src/jobs/list-item.tsx
@@ -7,6 +7,14 @@ export type JobItem = {
   name: string;
   title: string;
   location: string;
+  locations: Array<Location>;
+};
+
+export type Location = {
+  city: string;
+  state: string;
+  country: string;
+  street: string;
 };
 export type JobListingItemProps = {
   item: JobItem;
@@ -16,9 +24,18 @@ export default function JobListingItem({ item }: JobListingItemProps) {
     <section className={style.job__listing__container}>
       <div>
         <h3 className={and(style.job__title, 'fancy')}>{item.title}</h3>
-        <span>{item.location}</span>
+        <span>
+          {item.locations
+            .map((location) => {
+              return location.city;
+            })
+            .join(', ')}
+        </span>
       </div>
-      <ButtonNextLink href={`/jobs/${item.name}`} aria-label={`Se på stillingen ${item.title} ${item.location}`}>
+      <ButtonNextLink
+        href={`/jobs/${item.name}`}
+        aria-label={`Se på stillingen ${item.title} ${item.location}`}
+      >
         Se på stillingen
       </ButtonNextLink>
     </section>
diff --git a/src/jobs/utils/getListings.ts b/src/jobs/utils/getListings.ts
index 4448b81de..97980c99f 100644
--- a/src/jobs/utils/getListings.ts
+++ b/src/jobs/utils/getListings.ts
@@ -72,9 +72,17 @@ type Offer = {
   position: number;
   department?: string;
   location: string;
+  locations: Array<Location>;
   company_name: string;
 };
 
+type Location = {
+  city: string,
+  state: string,
+  country: string,
+  street: string,
+}
+
 type OfferResult = {
   offers: Array<Offer>;
 };