diff --git a/src/components/Console/ConsoleEditor.tsx b/src/components/Console/ConsoleEditor.tsx
index 3726d8ec..9e9091b7 100644
--- a/src/components/Console/ConsoleEditor.tsx
+++ b/src/components/Console/ConsoleEditor.tsx
@@ -46,8 +46,13 @@ export class ConsoleEditor extends React.Component<ConsoleEditorProps> {
             enableSnippets: true,
             showLineNumbers: true,
             tabSize: 2,
+            fontFamily: 'Courier,monospace,Vazir',
+            displayIndentGuides: false,
+          }}
+          fontSize={13}
+          style={{
+            lineHeight: '23px',
           }}
-          fontSize={15}
           mode="json"
           name="request-builder-editor"
           editorProps={{ $blockScrolling: true }}
diff --git a/src/components/Console/ConsoleEditorWrapper.ts b/src/components/Console/ConsoleEditorWrapper.ts
index 85152e1d..314c98e4 100644
--- a/src/components/Console/ConsoleEditorWrapper.ts
+++ b/src/components/Console/ConsoleEditorWrapper.ts
@@ -15,8 +15,9 @@ export const ConsoleEditorWrapper = styled.div`
     background: #11171a !important;
     width: 100% !important;
   }
-  & .ace_editor .ace_marker-layer .ace_selection {
+  & .ace_editor .ace_marker-layer .ace_selection, & .ace_editor .ace_marker-layer .ace_selected-word {
     background: ${lighten(0.05, '#11171a')} !important;
+    border-color: ${lighten(0.05, '#11171a')} !important;
   }
   & .ace_editor .ace_marker-layer .ace_active-line {
     background: rgba(0, 0, 0, 0.2);
@@ -30,6 +31,7 @@ export const ConsoleEditorWrapper = styled.div`
   & .ace_editor .ace_line .ace_fold {
     background: none !important;
     color: #aaa;
+    border: none;
   }
   & .ace_editor .ace_line .ace_fold:hover {
     background: none !important;