diff --git a/packages/bruno-app/src/components/ResponsePane/Overlay/StyledWrapper.js b/packages/bruno-app/src/components/ResponsePane/Overlay/StyledWrapper.js index 68779c3c2..a341acdc2 100644 --- a/packages/bruno-app/src/components/ResponsePane/Overlay/StyledWrapper.js +++ b/packages/bruno-app/src/components/ResponsePane/Overlay/StyledWrapper.js @@ -2,16 +2,12 @@ import styled from 'styled-components'; const StyledWrapper = styled.div` position: absolute; + height: 100%; z-index: 1; - height: 100vh; background-color: ${(props) => props.theme.requestTabPanel.responseOverlayBg}; div.overlay { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; + height: 100%; z-index: 9; display: flex; flex-direction: column; diff --git a/packages/bruno-app/src/components/ResponsePane/index.js b/packages/bruno-app/src/components/ResponsePane/index.js index e38538145..3e24c61b8 100644 --- a/packages/bruno-app/src/components/ResponsePane/index.js +++ b/packages/bruno-app/src/components/ResponsePane/index.js @@ -115,7 +115,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => { ) : null} -
+
{isLoading ? : null} {getTabPanel(focusedTab.responsePaneTab)}