diff --git a/app/components/shares/invite_user_form_component.sass b/app/components/shares/invite_user_form_component.sass index 1bbea9c1e7d..ecf4e584d6b 100644 --- a/app/components/shares/invite_user_form_component.sass +++ b/app/components/shares/invite_user_form_component.sass @@ -11,9 +11,3 @@ // userSelectedWarning userSelectedWarning userSelectedWarning // grid-column-gap: 0.5rem - - // Fix overflow on mobile by providing a max width to the input - // - // We subtract the width and right padding of the dropdown arrow - .ng-placeholder - max-width: calc(100% - 25px - 5px) diff --git a/frontend/src/global_styles/content/_autocomplete.sass b/frontend/src/global_styles/content/_autocomplete.sass index 6a6fde2eca4..8bda99bf460 100644 --- a/frontend/src/global_styles/content/_autocomplete.sass +++ b/frontend/src/global_styles/content/_autocomplete.sass @@ -130,6 +130,12 @@ div.autocomplete .ng-value-label display: initial !important + .ng-placeholder + // Fix overflow by providing a max width to the input + // + // We subtract the width and right padding of the dropdown arrow + max-width: calc(100% - 25px - 5px) + // Ensure dropdown is above modals .ng-dropdown-panel z-index: 9500 !important