From ce2d0497e771b4f22868d2018f40240b4980b0a7 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Wed, 22 Dec 2021 13:42:31 +0100
Subject: [PATCH] fixes the resize of editor div

---
 libs/remix-ui/editor/src/lib/remix-ui-editor.css | 6 +++---
 libs/remix-ui/editor/src/lib/remix-ui-editor.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.css b/libs/remix-ui/editor/src/lib/remix-ui-editor.css
index a078bfd498..af7cd06bfd 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.css
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.css
@@ -11,6 +11,6 @@
 }
 
 .contextview {
-    opacity             : 1;
-    position            : relative;
-  }
\ No newline at end of file
+    opacity: 1;
+    position: absolute;
+}
\ No newline at end of file
diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
index 16a5e062f1..db1017f0e5 100644
--- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
+++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx
@@ -259,7 +259,7 @@ export const EditorUI = (props: EditorUIProps) => {
             range: new monacoRef.current.Range(marker.position.start.line + 1, marker.position.start.column + 1, marker.position.end.line + 1, marker.position.end.column + 1),
             options: {
               isWholeLine,
-              inlineClassName: `bg-info highlightLine${marker.position.start.line + 1}`
+              inlineClassName: `alert-info highlightLine${marker.position.start.line + 1}`
             }
           })
         }
@@ -380,7 +380,7 @@ export const EditorUI = (props: EditorUIProps) => {
   }
 
   return (
-    <div className="w-100 h-100 d-flex flex-column">
+    <div className="w-100 h-100 d-flex flex-column-reverse">
       <Editor
         width="100%"
         path={props.currentFile}