diff --git a/src/components/editors/EditorPanel/index.tsx b/src/components/editors/EditorPanel/index.tsx
new file mode 100644
index 00000000..9d0c753c
--- /dev/null
+++ b/src/components/editors/EditorPanel/index.tsx
@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import * as styles from './styles.scss';
+import { INode } from '~/redux/types';
+
+interface IProps {
+  data: INode;
+  setData: (val: INode) => void;
+};
+
+const EditorPanel: FC<IProps> = ({
+}) => (
+    <div className={styles.panel} />
+  )
+
+export { EditorPanel };
\ No newline at end of file
diff --git a/src/components/editors/EditorPanel/styles.scss b/src/components/editors/EditorPanel/styles.scss
new file mode 100644
index 00000000..2dd03e82
--- /dev/null
+++ b/src/components/editors/EditorPanel/styles.scss
@@ -0,0 +1,7 @@
+.panel {
+  height: 60px;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  bottom: 100%;
+}
\ No newline at end of file
diff --git a/src/components/editors/ImageEditor/index.tsx b/src/components/editors/ImageEditor/index.tsx
index ccbbb66c..a751acae 100644
--- a/src/components/editors/ImageEditor/index.tsx
+++ b/src/components/editors/ImageEditor/index.tsx
@@ -9,7 +9,9 @@ interface IProps {
 
 const ImageEditor: FC<IProps> = ({
 }) => (
-    <div className={styles.uploads} />
+    <div className={styles.uploads}>
+      <div />
+    </div>
   )
 
 export { ImageEditor };
\ No newline at end of file
diff --git a/src/components/editors/ImageEditor/styles.scss b/src/components/editors/ImageEditor/styles.scss
index ccbe2db8..bb46f36c 100644
--- a/src/components/editors/ImageEditor/styles.scss
+++ b/src/components/editors/ImageEditor/styles.scss
@@ -1,3 +1,14 @@
 .uploads {
   min-height: 200px;
+  padding-bottom: 60px;
+  box-sizing: border-box;
+
+  display: grid;
+  grid-column-gap: $gap;
+  grid-row-gap: $gap;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+
+  @media (max-width: 600px) {
+    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
+  }
 }
\ No newline at end of file
diff --git a/src/containers/dialogs/EditorDialog/index.tsx b/src/containers/dialogs/EditorDialog/index.tsx
index e4a1d539..21d66e61 100644
--- a/src/containers/dialogs/EditorDialog/index.tsx
+++ b/src/containers/dialogs/EditorDialog/index.tsx
@@ -10,6 +10,7 @@ import * as styles from './styles.scss';
 import { connect } from 'react-redux';
 import { selectNode } from '~/redux/node/selectors';
 import { ImageEditor } from '~/components/editors/ImageEditor';
+import { EditorPanel } from '~/components/editors/EditorPanel';
 
 const mapStateToProps = selectNode;
 const mapDispatchToProps = {};
@@ -23,7 +24,12 @@ const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor }) => {
   }, [setData, data]);
 
   const buttons = (
-    <Padder>
+    <Padder style={{ position: 'relative' }}>
+      <EditorPanel
+        data={data}
+        setData={setData}
+      />
+
       <Group horizontal>
         <InputText title="Название" value={data.title} handler={setTitle} />
 
diff --git a/src/containers/dialogs/EditorDialog/styles.scss b/src/containers/dialogs/EditorDialog/styles.scss
index 429dac5c..dcce666a 100644
--- a/src/containers/dialogs/EditorDialog/styles.scss
+++ b/src/containers/dialogs/EditorDialog/styles.scss
@@ -1,16 +1,8 @@
 .editor {
   flex: 1;
   padding: $gap;
-  // padding-bottom: 0;
-  display: grid;
+  // padding-bottom: 0;    
   align-items: center;
   justify-content: center;
-  grid-column-gap: $gap;
-  grid-row-gap: $gap;
-
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-
-  @media (max-width: 600px) {
-    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
-  }
+  position: relative;
 }
\ No newline at end of file