From f40e6b7290f7a6a2afef75efc3a5b30db43e7119 Mon Sep 17 00:00:00 2001
From: Petter Hohle <petter.hohle@gmail.com>
Date: Mon, 2 Dec 2024 14:34:55 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Display=20job=20locations=20as?=
 =?UTF-8?q?=20Badges?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/jobPosting/JobPosting.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/jobPosting/JobPosting.tsx b/src/components/jobPosting/JobPosting.tsx
index 95c57d284..0f9436265 100644
--- a/src/components/jobPosting/JobPosting.tsx
+++ b/src/components/jobPosting/JobPosting.tsx
@@ -1,3 +1,4 @@
+import Badge from "src/components/badge/Badge";
 import Text from "src/components/text/Text";
 import { CompanyLocation } from "studio/lib/interfaces/companyDetails";
 import { IJobPosting } from "studio/lib/interfaces/jobPosting";
@@ -23,9 +24,7 @@ export default function JobPosting({ jobPosting }: JobPostingProps) {
         <div className={styles.role}>
           <Text type={"h5"}>{jobPosting.role}</Text>
         </div>
-        <div className={styles.locations}>
-          <Text type={"labelLight"}>{jobPostingLocations}</Text>
-        </div>
+        <Badge>{jobPostingLocations}</Badge>
       </div>
     </a>
   );