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}