diff --git a/src/components/jobPosting/JobPosting.tsx b/src/components/jobPosting/JobPosting.tsx
index a2dc38fb8..cd888b79c 100644
--- a/src/components/jobPosting/JobPosting.tsx
+++ b/src/components/jobPosting/JobPosting.tsx
@@ -11,9 +11,13 @@ function sortAlphabetically(list: string[]) {
interface JobPostingProps {
jobPosting: IJobPosting;
+ showLocations?: boolean;
}
-export default function JobPosting({ jobPosting }: JobPostingProps) {
+export default function JobPosting({
+ jobPosting,
+ showLocations = true,
+}: JobPostingProps) {
const jobPostingLocations = sortAlphabetically(
jobPosting.locations.map(
(location: CompanyLocation) => location.companyLocationName,
@@ -30,9 +34,11 @@ export default function JobPosting({ jobPosting }: JobPostingProps) {
{jobPosting.role}
-
- {jobPostingLocations}
-
+ {showLocations && (
+
+ {jobPostingLocations}
+
+ )}
);
diff --git a/src/components/jobPosting/jobPosting.module.css b/src/components/jobPosting/jobPosting.module.css
index a75c301f4..324942653 100644
--- a/src/components/jobPosting/jobPosting.module.css
+++ b/src/components/jobPosting/jobPosting.module.css
@@ -33,7 +33,6 @@
}
.role {
- width: 250px;
@media (max-width: 640px) {
width: 100%;
}
diff --git a/src/components/sections/jobs/JobPostingList.tsx b/src/components/sections/jobs/JobPostingList.tsx
index 70e0af7ac..ee71f4336 100644
--- a/src/components/sections/jobs/JobPostingList.tsx
+++ b/src/components/sections/jobs/JobPostingList.tsx
@@ -95,7 +95,11 @@ export default function JobPostingList({
{filteredJobPostings?.map((jobPosting: IJobPosting) => (
-
+
))}