add shouldNotWrap prop to form fields

Author: thedannywahl

src/components/EmailInput.tsx

@@ -53,6 +53,7 @@ const EmailInput: React.FC<SignupFormInputProps> = ({
 			placeholder="bsimpson@springfield-elementary.edu"
 			renderBeforeInput={IconEmailLine}
 			renderLabel="Email Address"
+			shouldNotWrap
 			type="email"
 			value={value}
 		/>

src/components/FeatureSelect.tsx

@@ -300,6 +300,7 @@ const FeatureSelect: React.FC<SignupFormMultiSelectProps> = ({
 					selectedOptionIds.length > 0 ? renderTags() : IconLaunchLine
 				}
 				renderLabel="Features"
+				shouldNotWrap={selectedOptionIds.length < 1}
 			>
 				{renderGroup()}
 			</Select>

src/components/InstitutionInput.tsx

@@ -49,6 +49,7 @@ const InstitutionInput: React.FC<SignupFormInputProps> = ({
 			placeholder="Springfield Elementary"
 			renderBeforeInput={IconHomeLine}
 			renderLabel="Institution"
+			shouldNotWrap
 			type="text"
 			value={value}
 		/>

src/components/NameInput.tsx

@@ -47,6 +47,7 @@ const NameInput: React.FC<SignupFormInputProps> = ({
 			placeholder="Bart Simpson"
 			renderBeforeInput={IconUserLine}
 			renderLabel="Name"
+			shouldNotWrap
 			type="text"
 			value={value}
 		/>

src/components/RoleSelect.tsx

@@ -199,6 +199,7 @@ const RoleSelect: React.FC<SignupFormSelectProps> = ({
 				placeholder="Student"
 				renderBeforeInput={IconEducatorsLine}
 				renderLabel="Role"
+				shouldNotWrap
 			>
 				{renderGroup()}
 			</Select>