diff --git a/src/style.css b/src/style.css
index ce1042a..315d904 100644
--- a/src/style.css
+++ b/src/style.css
@@ -309,7 +309,7 @@ body > #demo-frame {
 	/*line-height: 20px;*/
 }
 .footer {
-	z-index: 1;
+	z-index: 6; // Because .console is 6
 }
 .main-header {
 	display: flex;
@@ -896,7 +896,7 @@ transition: 0.25s ease;
 }
 .console {
 	background: var(--color-bg);
-	z-index: 1; /* bring above iframe */
+	z-index: 6; /* bring above iframe & codemirror and also scrollbar in codemirror */
 	position: absolute;
 	bottom: 0;
 	min-height: 80px;
@@ -977,4 +977,4 @@ while the theme CSS file is loading */
     color: #D1EDFF;
 }
 .cm-s-midnight .CodeMirror-gutters { background: #0F192A; border-right: 1px solid; }
-.cm-s-midnight .CodeMirror-activeline-background { background: #253540; }
\ No newline at end of file
+.cm-s-midnight .CodeMirror-activeline-background { background: #253540; }