From 05be59f00c9ee2adf1559dcd315e82a64136295b Mon Sep 17 00:00:00 2001
From: sanish chirayath <sanish@usebruno.com>
Date: Mon, 27 Jan 2025 18:49:05 +0530
Subject: [PATCH] style: update StyledWrapper to use flex layout and adjust
 dialog positioning (#3888)

---
 .../bruno-app/src/components/CodeEditor/StyledWrapper.js    | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js
index edcee4cd9..9573022a4 100644
--- a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js
+++ b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js
@@ -8,6 +8,8 @@ const StyledWrapper = styled.div`
     font-size: ${(props) => (props.fontSize ? `${props.fontSize}px` : 'inherit')};
     line-break: anywhere;
     flex: 1 1 0;
+    display: flex;
+    flex-direction: column-reverse;
   }
 
   /* Removes the glow outline around the folded json */
@@ -26,6 +28,10 @@ const StyledWrapper = styled.div`
 
   .CodeMirror-dialog {
     overflow: visible;
+    position: relative;
+    top: unset;
+    left: unset;
+
     input {
       background: transparent;
       border: 1px solid #d3d6db;