diff --git a/scss/components/form/_nested-select.scss b/scss/components/form/_nested-select.scss
index 49d0574bb..1220e828b 100644
--- a/scss/components/form/_nested-select.scss
+++ b/scss/components/form/_nested-select.scss
@@ -95,8 +95,7 @@
   }
 
   &-menu {
-    width: 160px;
-    max-width: 160px;
+    min-width: 160px;
     max-height: px2rem(300px);
     background: $Form-select-menu-bg;
     color: $Form-select-menu-color;
@@ -113,7 +112,7 @@
     .#{$ns}NestedSelect-option {
       position: relative;
       padding-left: px2rem(10px);
-      height: $Form-input-height;
+      min-height: $Form-input-height;
       line-height: $Form-input-height;
       cursor: pointer;
       display: flex;
diff --git a/src/renderers/Form/NestedSelect.tsx b/src/renderers/Form/NestedSelect.tsx
index 77d0ad4d4..21c74e1ab 100644
--- a/src/renderers/Form/NestedSelect.tsx
+++ b/src/renderers/Form/NestedSelect.tsx
@@ -361,7 +361,11 @@ export default class NestedSelectControl extends React.Component<
     return (
       <>
         {stack.map((options, index) => (
-          <div key={index} className={cx('NestedSelect-menu')}>
+          <div
+            key={index}
+            className={cx('NestedSelect-menu')}
+            style={{minWidth: this.target.offsetWidth}}
+          >
             {index === 0 ? searchInput : null}
             {multiple && index === 0 ? (
               <div className={cx('NestedSelect-option', 'checkall')}>