Address field label is breaking into multiple lines in Employee Profile tab

src/components/Employee/EmpOverview.jsx

@@ -142,13 +142,14 @@ const EmpOverview = ({ profile }) => {
             </div>
 
             {/* Address */}
-            <div className="d-flex align-items-start">
-              <span className="d-flex">
+           <div className="d-flex align-items-start">
+              <span className="d-flex align-items-center">
                 <i className="bx bx-map bx-xs me-2 mt-1"></i>
-                <span>Address</span>
+                <span className="text-nowrap">Address</span>
               </span>
+
               <span style={{ marginLeft: "86px" }}>:</span>
-              <span className="ms-5">
+              <span className="ms-5" style={{ marginRight: "75px" }}>
                 {profile?.currentAddress || <em>NA</em>}
               </span>
             </div>