src/component/profile_complete/ProfileCompleteCom.jsx

@@ -226,7 +226,7 @@ export default function ProfileCompleteCom() {
                                         <div className="">
                                             <div className="form-group position-relative">
                                                 <label className={`text-black fw-bold control-label`}>URL Name :</label>
-                                                <div className="position-relative d-xxl-flex" style={{gap: '10px'}}>
+                                                <div className="position-relative d-flex flex-column flex-xxl-row" style={{gap: '10px'}}>
                                                     {/* <select onChange={handlePracticeChange} name='url_name'
                                                             value={initialValues.url_name} className="form-control">
                                                         <option value=''>Select</option>
@@ -244,6 +244,8 @@ export default function ProfileCompleteCom() {
                                                         className="form-control"
                                                         onChange={handlePracticeChange} name='url_name'
                                                         value={initialValues.url_name}
+                                                        minLength={6}
+                                                        maxLength={16}
                                                     />
                                                     <p className="border-radius-10 p-2 border border-warning"
                                                        style={{fontSize: "1.0rem"}}>We use the URL Name to form part of