Update admin-dashboard.js

Author: rdeepak2002

pages/admin-dashboard.js

@@ -201,23 +201,23 @@ const AdminDashboard = () => {
                                                 <span>Download CSV</span>
                                             </CSVLink> :
                                             <>
-                                                <p style={{marginTop: "0px", wordBreak: "break-all"}}>
+                                                <p style={{marginTop: "0px", wordBreak: "break-all", width: "100%"}}>
                                                     {`"Sheet ID" can be found from the URL of the Google Sheet (https://docs.google.com/spreadsheets/d/{Sheet ID})`}
                                                 </p>
                                                 <TextField id="outlined-basic" label="Sheet ID" variant="outlined" type="text"
                                                            name="sheet-id" fullWidth={true} value={sheetId} onChange={(event) => {
                                                     setSheetId(event.target.value)
                                                 }}
                                                 />
-                                                <p style={{marginTop: "0px"}}>
+                                                <p style={{marginTop: "0px", width: "100%"}}>
                                                     {`"Sheet Name" is the name of the tab you are on (found at the bottom of Google Sheets)`}
                                                 </p>
                                                 <TextField id="outlined-basic" label="Sheet Name" variant="outlined" type="text"
                                                            name="sheet-name" fullWidth={true} value={sheetName} onChange={(event) => {
                                                     setSheetName(event.target.value)
                                                 }}
                                                 />
-                                                <p style={{marginTop: "0px"}}>
+                                                <p style={{marginTop: "0px", width: "100%"}}>
                                                     Name column refers to the column in the Google Sheet that references the preferred name of an applicant
                                                 </p>
                                                 <TextField id="outlined-basic" label="Name Column" variant="outlined" type="text"
@@ -233,23 +233,23 @@ const AdminDashboard = () => {
                                                     setProjectPreferenceNumber(parseInt(event.target.value))
                                                 }}
                                                 />
-                                                <p style={{marginTop: "0px"}}>
+                                                <p style={{marginTop: "0px", width: "100%"}}>
                                                     Columns of the Google Sheet that refer to project preferences
                                                 </p>
                                                 <TextField id="outlined-basic" label="Project Columns" variant="outlined" type="text"
                                                            name="project-columns" fullWidth={true} value={projectColumns} onChange={(event) => {
                                                            setProjectColumns(event.target.value)
                                                 }}
                                                 />
-                                                <p style={{marginTop: "0px"}}>
+                                                <p style={{marginTop: "0px", width: "100%"}}>
                                                     {`(Optional) Project name regex will extract the project name from the column title of the Google Sheet`}
                                                 </p>
                                                 <TextField id="outlined-basic" label="Project Name Regex" variant="outlined" type="text"
                                                            name="project-name-regex" fullWidth={true} value={projectNameRegex} onChange={(event) => {
                                                     setProjectNameRegex(event.target.value)
                                                 }}
                                                 />
-                                                <p style={{marginTop: "0px"}}>
+                                                <p style={{marginTop: "0px", width: "100%"}}>
                                                     {`(Optional) Project regex group will extract the project name from a specified index of the matched regex group, note this is 0-indexed`}
                                                 </p>
                                                 <TextField id="outlined-basic" label="Project Regex Group" variant="outlined" type="number"