diff --git a/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js b/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js index f1eef3142..117d176e6 100644 --- a/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js +++ b/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js @@ -13,7 +13,7 @@ const StyledWrapper = styled.div` display: flex; align-items: center; justify-content: space-between; - padding: 8px 16px; + padding: 0 16px; background: ${(props) => props.theme.console.headerBg}; border-bottom: 1px solid ${(props) => props.theme.console.border}; flex-shrink: 0; diff --git a/packages/bruno-app/src/components/Devtools/index.js b/packages/bruno-app/src/components/Devtools/index.js index 35c05d49a..b943e4502 100644 --- a/packages/bruno-app/src/components/Devtools/index.js +++ b/packages/bruno-app/src/components/Devtools/index.js @@ -66,7 +66,6 @@ const Devtools = ({ mainSectionRef }) => { return ( <>
{ onMouseEnter={(e) => e.target.style.backgroundColor = '#0078d4'} onMouseLeave={(e) => e.target.style.backgroundColor = isResizingDevtools ? '#0078d4' : 'transparent'} /> -
+
diff --git a/packages/bruno-app/src/components/StatusBar/StyledWrapper.js b/packages/bruno-app/src/components/StatusBar/StyledWrapper.js index 238746bc0..930753319 100644 --- a/packages/bruno-app/src/components/StatusBar/StyledWrapper.js +++ b/packages/bruno-app/src/components/StatusBar/StyledWrapper.js @@ -13,14 +13,12 @@ const StyledWrapper = styled.div` font-size: 12px; user-select: none; position: relative; - z-index: 15; } .status-bar-section { display: flex; align-items: center; position: relative; - z-index: 1; } .status-bar-group {