diff --git a/assets/scss/shared-ui/_modals.scss b/assets/scss/shared-ui/_modals.scss index 24a111d2..c9bf95e7 100644 --- a/assets/scss/shared-ui/_modals.scss +++ b/assets/scss/shared-ui/_modals.scss @@ -23,7 +23,7 @@ // ELEMENT: Overlay mask. .sui-modal-overlay { - width: calc(100% - #{map-get($wordpress, adminmenu)}); + width: calc(100% - #{map-get($wordpress, adminmenu)} - #{($browser-scrollbar-width)}); height: calc(100vh - #{map-get($wordpress, adminbar)}); position: fixed; z-index: #{map-get($modal, z-index) - 1}; diff --git a/assets/scss/shared-ui/_variables.scss b/assets/scss/shared-ui/_variables.scss index bd0191ae..399bef26 100644 --- a/assets/scss/shared-ui/_variables.scss +++ b/assets/scss/shared-ui/_variables.scss @@ -288,6 +288,8 @@ $onboard: ( button-md: 30px, ) !default; +$browser-scrollbar-width: 17px !default; + // ============================================================ // Toggles (_toggles.scss)