diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss index 821a48eb8ce9..ed4fe971bb22 100644 --- a/stylesheets/_variables.scss +++ b/stylesheets/_variables.scss @@ -258,7 +258,8 @@ $z-index-on-top-of-everything: 9000; // The scroll down button should be above everything in the timeline but // popups, tooltips, toasts, and other items should stack above it. $z-index-scroll-down-button: 10; -$z-index-calling: 101; -$z-index-above-popup: 102; +$z-index-stories: 97; +$z-index-calling: 98; +$z-index-above-popup: 101; $z-index-calling-pip: 103; $z-index-above-context-menu: 126; diff --git a/stylesheets/components/Stories.scss b/stylesheets/components/Stories.scss index 1bc15542df27..b40b5e793693 100644 --- a/stylesheets/components/Stories.scss +++ b/stylesheets/components/Stories.scss @@ -10,7 +10,7 @@ top: 0; user-select: none; width: 100%; - z-index: $z-index-popup-overlay; + z-index: $z-index-stories; &__pane { background: $color-gray-80; diff --git a/ts/components/StoriesPane.tsx b/ts/components/StoriesPane.tsx index e510338ff1e3..2b65e0771516 100644 --- a/ts/components/StoriesPane.tsx +++ b/ts/components/StoriesPane.tsx @@ -83,7 +83,7 @@ export const StoriesPane = ({ }, [searchTerm, stories]); return ( - +