diff --git a/website/src/components/selectDropdown/index.js b/website/src/components/selectDropdown/index.js index f42e1b1b3f6..f4c306400dd 100644 --- a/website/src/components/selectDropdown/index.js +++ b/website/src/components/selectDropdown/index.js @@ -17,8 +17,6 @@ export const SelectDropdown = ({ options, value, onChange, isMulti, placeHolder placeholder={placeHolder} aria-label="Multi Select Dropdown" unstyled - menuIsOpen - /> ); }; diff --git a/website/src/components/selectDropdown/styles.module.css b/website/src/components/selectDropdown/styles.module.css index 3aab98100a7..53f9add7ef5 100644 --- a/website/src/components/selectDropdown/styles.module.css +++ b/website/src/components/selectDropdown/styles.module.css @@ -13,15 +13,16 @@ padding: 0rem 1rem } -.selectContainer [class$="-MenuList"] { +.selectContainer [class$="-menu"] { margin-top: .5rem; border-radius: 0.3125rem; background: #fff; border: solid 1px #e5e7eb; box-shadow: 0px 11px 24px rgba(138, 138, 138, .1); + overflow: hidden; } -[data-theme='dark'] .selectContainer [class$="-MenuList"] { +[data-theme='dark'] .selectContainer [class$="-menu"] { background: #262a38; }