diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index f9b79392..4733a854 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -122,17 +122,20 @@ class CodeEditor extends Component {
                   height: '100%',
                   width: '100%',
                   borderRadius: '0',
+                  maxHeight: '340px !important',
                   marginTop: '0 !important',
                   marginLeft: '0 !important',
                   paddingLeft: '0 !important',
                   marginRight: '0 !important',
                   paddingRight: '0 !important',
+                  marginBottom: '0 !important',
+                  paddingBottom: '20px !important',
                   [media.lessThan('medium')]: {
                     marginBottom: '0 !important',
                   },
+                  
 
                   '& pre.prism-code[contenteditable]': {
-                    maxHeight: '280px !important',
                     outline: 0,
                     overflow: 'auto',
                     marginRight: '0 !important',
@@ -203,6 +206,8 @@ class CodeEditor extends Component {
                 <div
                   css={{
                     padding: 10,
+                    maxHeight: '340px !important',
+                    overflow: 'auto',
 
                     '& input': {
                       width: '100%',