From a9e47eaaa046752d04786540e049a82d9d2a4d62 Mon Sep 17 00:00:00 2001
From: Jonathan Dobson <jon.m.dobson@gmail.com>
Date: Tue, 2 Sep 2025 15:26:33 -0400
Subject: [PATCH] debugger layout fixes 2 (#3342)

---
 .../src/routes/workflows/editor/Workspace.tsx             | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/Workspace.tsx b/skyvern-frontend/src/routes/workflows/editor/Workspace.tsx
index 3f3aa3cb..2119005a 100644
--- a/skyvern-frontend/src/routes/workflows/editor/Workspace.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/Workspace.tsx
@@ -750,12 +750,12 @@ function Workspace({
 
         {/* divider if browser is in play */}
         {showBrowser && (
-          <div className="mt-[8rem] h-[calc(100%-8rem)] w-[1px] bg-slate-800" />
+          <div className="mt-[8rem] h-[calc(100%_-_8rem)] w-[1px] bg-slate-800" />
         )}
 
         {/* browser & timeline & sub-panels in debug mode */}
         {showBrowser && (
-          <div className="skyvern-split-right relative flex h-full w-[calc(100%-33rem)] items-end justify-center bg-[#020617] p-4 pl-6">
+          <div className="skyvern-split-right relative flex h-full w-[calc(100%_-_33rem)] items-end justify-center bg-[#020617] p-4 pl-6">
             {/* sub panels */}
             {workflowPanelState.active && (
               <div
@@ -803,9 +803,9 @@ function Workspace({
             )}
 
             {/* browser & timeline */}
-            <div className="flex h-[calc(100%-8rem)] w-full gap-6">
+            <div className="flex h-[calc(100%_-_8rem)] w-full gap-6">
               {/* browser */}
-              <div className="flex h-full w-full flex-1 flex-col items-center justify-center">
+              <div className="flex h-full w-[calc(100%_-_6rem)] flex-1 flex-col items-center justify-center">
                 <div key={reloadKey} className="w-full flex-1">
                   {activeDebugSession &&
                   activeDebugSession.browser_session_id &&