diff --git a/scss/components/form/_select.scss b/scss/components/form/_select.scss
index 8b83a187..11b9ee4c 100644
--- a/scss/components/form/_select.scss
+++ b/scss/components/form/_select.scss
@@ -134,8 +134,7 @@
 
     &-menu {
         max-height: px2rem(300px);
-        overflow-y: auto;
-        overflow-x: hidden;
+        overflow: auto;
         user-select: none;
     }
 
@@ -174,7 +173,7 @@
 
     &-option {
         cursor: pointer;
-        min-width: px2rem(150px);
+        min-width: px2rem(120px);
         padding: ($Form-select-menu-height - $Form-input-lineHeight * $Form-input-fontSize)/2 $Form-select-paddingX;
 
         &.is-active {
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index 50520a6b..f4cddadd 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -715,7 +715,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
         <PopOver
           overlay
           className={cx('Select-popover')}
-          style={{width: this.target ? this.target.offsetWidth : 'auto'}}
+          style={{minWidth: this.target ? this.target.offsetWidth : 'auto'}}
           onHide={this.close}
         >
           {menu}