Dropdown text cut off fix

Issue-ID: SDC-932
Change-Id: I3d97521c9afa7897e1185df8c553086dced527a1
Signed-off-by: svishnev <shlomo-stanisla.vishnevetskiy@amdocs.com>
diff --git a/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss b/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
index 4ec2341..940f440 100644
--- a/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
+++ b/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
@@ -22,6 +22,9 @@
   &:hover {
     border-color: $gray;
   }
+  &.custom-select {
+    padding-top: 3px;
+  }
 }
 
 label {
diff --git a/openecomp-ui/src/nfvo-components/input/validation/Input.jsx b/openecomp-ui/src/nfvo-components/input/validation/Input.jsx
index 9f0e9ac..33cea93 100644
--- a/openecomp-ui/src/nfvo-components/input/validation/Input.jsx
+++ b/openecomp-ui/src/nfvo-components/input/validation/Input.jsx
@@ -99,6 +99,7 @@
 						data-test-id={this.props['data-test-id']} />}
 					{type === 'select' &&
 					<FormControl onClick={ (e) => this.optionSelect(e) }
+						 className='custom-select'
 						 componentClass={type}
 						 inputRef={(input) => this.input = input}
 						 name={name} {...inputProps}