diff --git a/components/experiences-card/experiencesCard.jsx b/components/experiences-card/experiencesCard.jsx
index b3cdf416..fe4e6ca7 100644
--- a/components/experiences-card/experiencesCard.jsx
+++ b/components/experiences-card/experiencesCard.jsx
@@ -23,7 +23,7 @@ const ExperiencesCard = ({ title, data }) => (
                 <img className={styles.userImg} src={repo.img} alt="" />
                 <div>
                   <h6 className={styles.user}>{repo.user}</h6>
-                  <span className={styles.position}>{repo.position}</span>
+                  <p className={styles.position}>{repo.position}</p>
                 </div>
               </div>
               <Button target="blank" href={repo.action.url}>
diff --git a/components/experiences-card/styles.module.scss b/components/experiences-card/styles.module.scss
index 6c02a8a5..4b27c1d6 100644
--- a/components/experiences-card/styles.module.scss
+++ b/components/experiences-card/styles.module.scss
@@ -45,7 +45,7 @@ $breakpoint-lg: 1415px;
       padding: 16px;
       .item-title {
         color: #000;
-        font-size: 24px;
+        font-size: 20px;
         font-style: normal;
         font-weight: 700;
         line-height: 32px;
@@ -68,14 +68,21 @@ $breakpoint-lg: 1415px;
       border-top: 1px solid #e0e0e0;
       .user-wrapper {
         display: flex;
-        justify-content: space-between;
-        align-items: center;
+        align-items: flex-start;
+        width: 70%;
         .user-img {
           margin-right: 14px;
         }
         .user {
           margin-bottom: 6px;
         }
+        .position {
+          color: #666;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          letter-spacing: 0.048px;
+        }
       }
     }
     @media (max-width: $breakpoint-md) {