Expand scrollable pane in connectors->config
Scrollable space is too short while the rest of the screen is empty

![image](https://user-images.githubusercontent.com/1494347/151153123-be2e44ec-3a33-4855-ac4b-7b4cc3ad21fb.png)

kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx kafka-ui-react-app/src/components/Connect/Details/Config/__test__/__snapshots__/Config.spec.tsx.snap kafka-ui-react-app/src/components/common/Editor/Editor.tsx
kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx kafka-ui-react-app/src/components/Connect/Details/Config/__test__/__snapshots__/Config.spec.tsx.snap kafka-ui-react-app/src/components/common/Editor/Editor.tsx
diff --git a/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx b/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
index 253ca0b691a..4e200aae475 100644
--- a/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
+++ b/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
@@ -28,10 +28,7 @@ export interface ConfigProps {
 }
 
 const ConnectConfigWrapper = styled.div`
-  padding: 16px;
   margin: 16px;
-  border: 1px solid ${({ theme }) => theme.layout.stuffColor};
-  border-radius: 8px;
 `;
 
 const Config: React.FC<ConfigProps> = ({
@@ -50,7 +47,6 @@ const Config: React.FC<ConfigProps> = ({
   }
 
   if (!config) return null;
-
   return (
     <ConnectConfigWrapper>
       <Editor
diff --git a/kafka-ui-react-app/src/components/Connect/Details/Config/__test__/__snapshots__/Config.spec.tsx.snap b/kafka-ui-react-app/src/components/Connect/Details/Config/__test__/__snapshots__/Config.spec.tsx.snap
index a7f774409ba..f9ac501bedd 100644
--- a/kafka-ui-react-app/src/components/Connect/Details/Config/__test__/__snapshots__/Config.spec.tsx.snap
+++ b/kafka-ui-react-app/src/components/Connect/Details/Config/__test__/__snapshots__/Config.spec.tsx.snap
@@ -2,10 +2,7 @@
 
 exports[`Config view matches snapshot 1`] = `
 .c0 {
-  padding: 16px;
   margin: 16px;
-  border: 1px solid #F1F2F3;
-  border-radius: 8px;
 }
 
 <div
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 dddc8c43c12..76a63771865 100644
--- a/kafka-ui-react-app/src/components/common/Editor/Editor.tsx
+++ b/kafka-ui-react-app/src/components/common/Editor/Editor.tsx
@@ -29,7 +29,7 @@ const Editor = React.forwardRef<ReactAce | null, EditorProps>((props, ref) => {
       fontSize={14}
       height={
         isFixedHeight
-          ? `${(props.value?.split('\n').length || 32) * 16}px`
+          ? `${(props.value?.split('\n').length || 32) * 19}px`
           : '372px'
       }
       wrapEnabled
