Web: People: fixed drop down displaying in ContactField components

products/ASC.People/Client/src/HOCs/withContent.js

@@ -69,6 +69,7 @@ export default function withContent(WrappedContent) {
             isTextOverflow
             containerMinWidth="120px"
             containerWidth="15%"
+            directionY="both"
             title={temp[0].label}
             fontSize="12px"
             fontWeight={400}

products/ASC.People/Client/src/pages/ProfileAction/Section/Body/FormFields/ContactField.js

@@ -48,7 +48,9 @@ class ContactField extends React.Component {
           selectedOption={comboBoxSelectedOption}
           isDisabled={isDisabled}
           scaled={true}
+          directionY="both"
           className="field-select"
+          scaledOptions={true}
         />
         <TextInput
           name={inputName}

products/ASC.People/Client/src/pages/ProfileAction/Section/Body/FormFields/ContactsField.js

@@ -97,6 +97,7 @@ class ContactsField extends React.Component {
         <ComboBox
           options={options}
           onSelect={onItemAdd}
+          scaledOptions={true}
           selectedOption={{
             key: prefix,
             label: addItemText,
@@ -106,6 +107,7 @@ class ContactsField extends React.Component {
           isDisabled={isDisabled}
           scaled={true}
           className="field-select"
+          directionY="both"
         />
       </Container>
     );