From 8e7bdc2bfde04a1b9239cb9ec2af38e0de2dfecb Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Thu, 17 Jul 2025 14:36:36 +0530
Subject: [PATCH] fix: status bar & dev tools z-index issue (#5132)

---
 .../bruno-app/src/components/Devtools/Console/StyledWrapper.js | 2 +-
 packages/bruno-app/src/components/Devtools/index.js            | 3 +--
 packages/bruno-app/src/components/StatusBar/StyledWrapper.js   | 2 --
 3 files changed, 2 insertions(+), 5 deletions(-)

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 (
     <>
       <div 
-        className="devtools-resize-handle"
         onMouseDown={handleDevtoolsResizeStart}
         style={{
           height: '4px',
@@ -79,7 +78,7 @@ const Devtools = ({ mainSectionRef }) => {
         onMouseEnter={(e) => e.target.style.backgroundColor = '#0078d4'}
         onMouseLeave={(e) => e.target.style.backgroundColor = isResizingDevtools ? '#0078d4' : 'transparent'}
       />
-      <div style={{ height: `${devtoolsHeight}px`, overflow: 'hidden', zIndex: 20, position: 'relative' }}>
+      <div style={{ height: `${devtoolsHeight}px`, overflow: 'hidden', position: 'relative' }}>
         <Console />
       </div>
     </>
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 {