Edit config: Selected text background color is transparent
1. create connector
2. select some text within config field
3. the selection is not visible
kafka-ui-react-app/src/components/common/Editor/Editor.tsx kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts
kafka-ui-react-app/src/components/common/Editor/Editor.tsx kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts
diff --git a/kafka-ui-react-app/src/components/common/Editor/Editor.tsx b/kafka-ui-react-app/src/components/common/Editor/Editor.tsx
index b8744762c96..05c91e3557b 100644
--- a/kafka-ui-react-app/src/components/common/Editor/Editor.tsx
+++ b/kafka-ui-react-app/src/components/common/Editor/Editor.tsx
@@ -50,8 +50,10 @@ export default styled(Editor)`
         theme.ksqlDb.query.editor.cell.backgroundColor};
       color: ${({ theme }) => theme.default.color.normal};
     }
-    .ace_line {
+    .ace_scroller {
       background-color: ${({ theme }) => theme.default.backgroundColor};
+    }
+    .ace_line {
       color: ${({ theme }) => theme.default.color.normal};
     }
     .ace_cursor {
diff --git a/kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts b/kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts
index d60603f635c..a135f4dfcc2 100644
--- a/kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts
+++ b/kafka-ui-react-app/src/components/common/EditorViewer/EditorViewer.styled.ts
@@ -5,7 +5,7 @@ export const Wrapper = styled.div`
   padding: 8px 16px;
   .ace_active-line {
     background-color: ${({ theme }) =>
-      theme.viewer.wrapper.backgroundColor} !important;
+      theme.default.backgroundColor} !important;
   }
   .ace_line {
     color: ${({ theme }) => theme.viewer.wrapper.color} !important;
