src/components/Employee/EmpBanner.jsx

@@ -59,20 +59,20 @@ const EmpBanner = ({ profile, loggedInUser }) => {
               </h4>
               <ul className="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4 mt-4">
                 <li className="list-inline-item">
-                  <i className="icon-base bx bx-crown me-1 align-top"></i>
+                  <i className="icon-base bx bx-crown me-2 align-top"></i>
                   <span className="fw-medium">
                     {profile?.jobRole || <em>NA</em>}
                   </span>
                 </li>
                 <li className="list-inline-item">
-                  <i className="icon-base bx bx-phone me-0 align-top"></i>
+                  <i className="icon-base bx bx-phone me-2 align-top"></i>
                   <span className="fw-medium">
                     {" "}
                     {profile?.phoneNumber || <em>NA</em>}
                   </span>
                 </li>
                 <li className="list-inline-item">
-                  <i className="icon-base bx bx-calendar me-0 align-top"></i>
+                  <i className="icon-base bx bx-calendar me-2 align-top"></i>
                   <span className="fw-medium">
                     {" "}
                     Joined on{" "}