diff --git a/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx b/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx
index 730994eebf..d4ee72d399 100644
--- a/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx
+++ b/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx
@@ -122,7 +122,7 @@ export const LeftSidebarDebugger = ({ darkMode, errors }) => {
       <div
         {...content}
         className={`card popover debugger-popover ${open || popoverPinned ? 'show' : 'hide'}`}
-        style={{ minWidth: '180px', minHeight: '108px', maxWidth: '480px' }}
+        style={{ minWidth: '350px', minHeight: '108px', resize: 'horizontal', maxWidth: '50%' }}
       >
         <div className="row-header">
           <div className="nav-header">