diff --git a/src/sections/Careers/Career-single/CareerSingle.style.js b/src/sections/Careers/Career-single/CareerSingle.style.js
index 974038ab538f..29a4a996548c 100644
--- a/src/sections/Careers/Career-single/CareerSingle.style.js
+++ b/src/sections/Careers/Career-single/CareerSingle.style.js
@@ -46,6 +46,10 @@ const CareerPageWrapper = styled.div`
         }
     }
 
+    .job-details-row {
+        flex-wrap: wrap;
+    }
+
     .layer5-logo {
         width: 15rem;
         margin: auto;
diff --git a/src/sections/Careers/Career-single/index.js b/src/sections/Careers/Career-single/index.js
index a44d059797fb..3eb6ad643ad3 100644
--- a/src/sections/Careers/Career-single/index.js
+++ b/src/sections/Careers/Career-single/index.js
@@ -20,7 +20,7 @@ const CareerSingle = ({ data }) => {
         <Container>
           <Row className="job-header-row">
             <Col $xs={12} $md={7} $xl={8} className="job-details">
-              <Row>
+              <Row className="job-details-row">
                 <Col $xs={6} className="job-details-col">
                   <h5> <FaPlay /> Start Date</h5>
                   <p>{frontmatter.start_date}</p>