diff --git a/scss/components/form/_nested-select.scss b/scss/components/form/_nested-select.scss
index 155f311f..23be52a2 100644
--- a/scss/components/form/_nested-select.scss
+++ b/scss/components/form/_nested-select.scss
@@ -130,7 +130,7 @@
       cursor: pointer;
       display: flex;
 
-      > label {
+      > .#{$ns}NestedSelect-optionLabel {
         flex: 1;
         cursor: pointer;
         span {
diff --git a/src/renderers/Form/NestedSelect.tsx b/src/renderers/Form/NestedSelect.tsx
index 3d7d5f7f..fcd0b2f6 100644
--- a/src/renderers/Form/NestedSelect.tsx
+++ b/src/renderers/Form/NestedSelect.tsx
@@ -452,6 +452,7 @@ export default class NestedSelectControl extends React.Component<
                 >
                   {multiple ? (
                     <Checkbox
+                      className={cx('NestedSelect-optionLabel')}
                       onChange={this.handleCheck.bind(this, option, index)}
                       trueValue={option.value}
                       checked={selfChecked}
@@ -460,7 +461,9 @@ export default class NestedSelectControl extends React.Component<
                       {option.label}
                     </Checkbox>
                   ) : (
-                    <span>{option.label}</span>
+                    <div className={cx('NestedSelect-optionLabel')}>
+                      <span>{option.label}</span>
+                    </div>
                   )}
 
                   {option.children && option.children.length ? (