diff --git a/src/components/dropdown-banner/banner.scss b/src/components/dropdown-banner/banner.scss index 64a69d638..a52d2cbfc 100644 --- a/src/components/dropdown-banner/banner.scss +++ b/src/components/dropdown-banner/banner.scss @@ -3,7 +3,7 @@ $navigation-height: 50px; .banner { - position: fixed; + position: sticky; top: $navigation-height; z-index: 9; box-shadow: 0 1px 1px $ui-dark-gray; diff --git a/src/components/dropdown-banner/email-confirmation/banner.jsx b/src/components/dropdown-banner/email-confirmation/banner.jsx index a37e6fdd7..051a646ad 100644 --- a/src/components/dropdown-banner/email-confirmation/banner.jsx +++ b/src/components/dropdown-banner/email-confirmation/banner.jsx @@ -4,8 +4,6 @@ import PropTypes from 'prop-types'; import DropdownBanner from '../banner.jsx'; import EmailConfirmationModal from '../../../components/modal/email-confirmation/modal.jsx'; -require('./banner.scss'); - const EmailConfirmationBanner = ({onRequestDismiss}) => { const [showEmailConfirmationModal, setShowEmailConfirmationModal] = useState(false); diff --git a/src/components/dropdown-banner/email-confirmation/banner.scss b/src/components/dropdown-banner/email-confirmation/banner.scss deleted file mode 100644 index a68a3a57e..000000000 --- a/src/components/dropdown-banner/email-confirmation/banner.scss +++ /dev/null @@ -1,3 +0,0 @@ -.banner { - position: sticky; -}