From dca1ffa27e30033100b047b40d7f8c0026ec0675 Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Tue, 15 Jul 2025 16:44:39 +0530
Subject: [PATCH 1/2] fixes

---
 .../src/components/RunnerResults/index.jsx    |  4 +-
 .../src/components/StatusBar/StyledWrapper.js |  2 +-
 .../src/components/StatusBar/index.js         | 54 +++++++++----------
 packages/bruno-app/src/themes/dark.js         |  3 ++
 packages/bruno-app/src/themes/light.js        |  3 ++
 5 files changed, 36 insertions(+), 30 deletions(-)

diff --git a/packages/bruno-app/src/components/RunnerResults/index.jsx b/packages/bruno-app/src/components/RunnerResults/index.jsx
index b4fd9274a..3f3e43ce2 100644
--- a/packages/bruno-app/src/components/RunnerResults/index.jsx
+++ b/packages/bruno-app/src/components/RunnerResults/index.jsx
@@ -175,7 +175,7 @@ export default function RunnerResults({ collection }) {
   }
 
   return (
-    <StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative">
+    <StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative overflow-scroll">
       <div className="flex flex-row">
         <div className="font-medium my-6 title flex items-center">
           Runner
@@ -187,7 +187,7 @@ export default function RunnerResults({ collection }) {
           </button>
         )}
       </div>
-      <div className="flex flex-row gap-4 h-[calc(100vh_-_12rem)] max-h-[calc(100vh_-_12rem)]">
+      <div className="flex flex-row gap-4">
         <div
           className="flex flex-col flex-1 overflow-y-auto w-full"
           ref={runnerBodyRef}
diff --git a/packages/bruno-app/src/components/StatusBar/StyledWrapper.js b/packages/bruno-app/src/components/StatusBar/StyledWrapper.js
index 72c58cddc..6924fa098 100644
--- a/packages/bruno-app/src/components/StatusBar/StyledWrapper.js
+++ b/packages/bruno-app/src/components/StatusBar/StyledWrapper.js
@@ -8,7 +8,7 @@ const StyledWrapper = styled.div`
     padding: 0 16px;
     height: 22px;
     background: ${(props) => props.theme.sidebar.bg};
-    border-top: 1px solid ${(props) => props.theme.sidebar.dragbar};
+    border-top: 1px solid ${(props) => props.theme.statusBar.border};
     color: ${(props) => props.theme.sidebar.color};
     font-size: 12px;
     user-select: none;
diff --git a/packages/bruno-app/src/components/StatusBar/index.js b/packages/bruno-app/src/components/StatusBar/index.js
index 69b33550f..fc4718bbb 100644
--- a/packages/bruno-app/src/components/StatusBar/index.js
+++ b/packages/bruno-app/src/components/StatusBar/index.js
@@ -59,33 +59,35 @@ const StatusBar = () => {
       <div className="status-bar">
         <div className="status-bar-section">
           <div className="status-bar-group">
-            <button
-              className="status-bar-button"
-              data-trigger="preferences"
-              onClick={() => dispatch(showPreferences(true))}
-              tabIndex={0}
-              aria-label="Open Preferences"
-            >
-              <ToolHint text="Preferences" toolhintId="Preferences" place="top-start" offset={10}>
+            <ToolHint text="Preferences" toolhintId="Preferences" place="top-start" offset={10}>
+              <button
+                className="status-bar-button"
+                data-trigger="preferences"
+                onClick={() => dispatch(showPreferences(true))}
+                tabIndex={0}
+                aria-label="Open Preferences"
+              >
                 <IconSettings size={16} strokeWidth={1.5} aria-hidden="true" />
-              </ToolHint>
-            </button>
+              </button>
+            </ToolHint>
             
-            <button
-              className="status-bar-button"
-              data-trigger="cookies"
-              onClick={() => setCookiesOpen(true)}
-              tabIndex={0}
-              aria-label="Open Cookies Settings"
-            >
-              <ToolHint text="Cookies" toolhintId="Cookies" place="top" offset={10}>
+            <ToolHint text="Cookies" toolhintId="Cookies" place="top" offset={10}>
+              <button
+                className="status-bar-button"
+                data-trigger="cookies"
+                onClick={() => setCookiesOpen(true)}
+                tabIndex={0}
+                aria-label="Open Cookies Settings"
+              >
                 <IconCookie size={16} strokeWidth={1.5} aria-hidden="true" />
-              </ToolHint>
-            </button>
+              </button>
+            </ToolHint>
             
-            <div className="status-bar-button">
-              <Notifications />
-            </div>
+            <ToolHint text="Notifications" toolhintId="Notifications" place="top" offset={10}>
+              <div className="status-bar-button">
+                <Notifications />
+              </div>
+            </ToolHint>
           </div>
         </div>
 
@@ -93,12 +95,11 @@ const StatusBar = () => {
           <div className="status-bar-group">
             <button
               className={`status-bar-button ${errorCount > 0 ? 'has-errors' : ''}`}
-              data-trigger="console"
+              data-trigger="dev-tools"
               onClick={handleConsoleClick}
               tabIndex={0}
-              aria-label={`Open Console${errorCount > 0 ? ` (${errorCount} errors)` : ''}`}
+              aria-label={`Open Dev Tools${errorCount > 0 ? ` (${errorCount} errors)` : ''}`}
             >
-              <ToolHint text={`Console${errorCount > 0 ? ` (${errorCount} errors)` : ''}`} toolhintId="Console" place="top" offset={10}>
                 <div className="console-button-content">
                   <IconTool size={16} strokeWidth={1.5} aria-hidden="true" />
                   <span className="console-label">Dev Tools</span>
@@ -106,7 +107,6 @@ const StatusBar = () => {
                     <span className="error-count-inline">{errorCount}</span>
                   )}
                 </div>
-              </ToolHint>
             </button>
             
             <div className="status-bar-divider"></div>
diff --git a/packages/bruno-app/src/themes/dark.js b/packages/bruno-app/src/themes/dark.js
index b924af361..f56217e7a 100644
--- a/packages/bruno-app/src/themes/dark.js
+++ b/packages/bruno-app/src/themes/dark.js
@@ -297,6 +297,9 @@ const darkTheme = {
     boxShadow: '0 4px 12px rgba(0, 0, 0, 0.5)'
   },
 
+  statusBar: {
+    border: '#323233',
+  },
   console: {
     bg: '#1e1e1e',
     headerBg: '#2d2d30',
diff --git a/packages/bruno-app/src/themes/light.js b/packages/bruno-app/src/themes/light.js
index 9279462db..a012fdd31 100644
--- a/packages/bruno-app/src/themes/light.js
+++ b/packages/bruno-app/src/themes/light.js
@@ -298,6 +298,9 @@ const lightTheme = {
     boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
   },
 
+  statusBar: {
+    border: '#E9E9E9',
+  },
   console: {
     bg: '#f8f9fa',
     headerBg: '#f8f9fa',

From 15e06ba86c40817237c06bf164267460b83a3150 Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Tue, 15 Jul 2025 17:07:27 +0530
Subject: [PATCH 2/2] fix: runner height

---
 packages/bruno-app/src/components/RunnerResults/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/RunnerResults/index.jsx b/packages/bruno-app/src/components/RunnerResults/index.jsx
index 3f3e43ce2..0a8f6e333 100644
--- a/packages/bruno-app/src/components/RunnerResults/index.jsx
+++ b/packages/bruno-app/src/components/RunnerResults/index.jsx
@@ -187,7 +187,7 @@ export default function RunnerResults({ collection }) {
           </button>
         )}
       </div>
-      <div className="flex flex-row gap-4">
+      <div className="flex flex-row gap-4 h-[calc(100%_-_4.375rem)]">
         <div
           className="flex flex-col flex-1 overflow-y-auto w-full"
           ref={runnerBodyRef}