diff --git a/.gitignore b/.gitignore
index 8b1a5464..fb65b3e0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -128,4 +128,4 @@ docs/
 .snowpack/
 
 # macOS-specific files
-.DS_Store
\ No newline at end of file
+.DS_Store
diff --git a/package.json b/package.json
index a4ccdd0e..bfbc6903 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
         "@commitlint/cli": "^13.1.0",
         "@commitlint/config-conventional": "^13.1.0",
         "@csstools/postcss-sass": "^4.0.0",
-        "@types/node": "^16.9.1",
+        "@types/node": "^16.9.2",
         "autoprefixer": "^10.3.4",
         "browser-sync": "^2.27.5",
         "commitizen": "^4.2.4",
@@ -81,7 +81,7 @@
         "postcss-csso": "^5.0.1",
         "postcss-scss": "^4.0.0",
         "rollup": "^2.56.3",
-        "sass": "^1.41.0",
+        "sass": "^1.41.1",
         "standard-version": "^9.3.1",
         "tailwindcss": "^2.2.15"
     }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 76b3d1db..aebbad02 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,7 +8,7 @@ specifiers:
   '@okikio/animate': ^2.4.0
   '@okikio/emitter': ^2.1.7
   '@okikio/native': ^3.0.1
-  '@types/node': ^16.9.1
+  '@types/node': ^16.9.2
   assert: ^2.0.0
   autoprefixer: ^10.3.4
   browser-builtins: ^3.3.1
@@ -45,7 +45,7 @@ specifiers:
   pretty-bytes: ^5.6.0
   rollup: ^2.56.3
   rollup-plugin-virtual-fs: ^4.0.1-alpha.0
-  sass: ^1.41.0
+  sass: ^1.41.1
   solid-js: ^1.1.4
   standard-version: ^9.3.1
   stream: ^0.0.2
@@ -80,7 +80,7 @@ devDependencies:
   '@commitlint/cli': 13.1.0
   '@commitlint/config-conventional': 13.1.0
   '@csstools/postcss-sass': 4.0.0
-  '@types/node': 16.9.1
+  '@types/node': 16.9.2
   autoprefixer: 10.3.4_postcss@8.3.6
   browser-sync: 2.27.5
   commitizen: 4.2.4
@@ -104,7 +104,7 @@ devDependencies:
   postcss-csso: 5.0.1_postcss@8.3.6
   postcss-scss: 4.0.0_postcss@8.3.6
   rollup: 2.56.3
-  sass: 1.41.0
+  sass: 1.41.1
   standard-version: 9.3.1
   tailwindcss: 2.2.15_4dc2d3db2b138fb8fa7d5c7b0c803aba
 
@@ -549,7 +549,7 @@ packages:
     dependencies:
       '@csstools/sass-import-resolve': 1.0.0
       postcss: 7.0.36
-      sass: 1.41.0
+      sass: 1.41.1
       source-map: 0.7.3
     dev: true
 
@@ -635,8 +635,8 @@ packages:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
     dev: true
 
-  /@types/node/16.9.1:
-    resolution: {integrity: sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g==}
+  /@types/node/16.9.2:
+    resolution: {integrity: sha512-ZHty/hKoOLZvSz6BtP1g7tc7nUeJhoCf3flLjh8ZEv1vFKBWHXcnMbJMyN/pftSljNyy0kNW/UqI3DccnBnZ8w==}
     dev: true
 
   /@types/normalize-package-data/2.4.1:
@@ -1316,7 +1316,7 @@ packages:
     dependencies:
       caniuse-lite: 1.0.30001257
       colorette: 1.4.0
-      electron-to-chromium: 1.3.840
+      electron-to-chromium: 1.3.841
       escalade: 3.1.1
       node-releases: 1.1.75
     dev: true
@@ -2371,8 +2371,8 @@ packages:
     resolution: {integrity: sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=}
     dev: true
 
-  /electron-to-chromium/1.3.840:
-    resolution: {integrity: sha512-yRoUmTLDJnkIJx23xLY7GbSvnmDCq++NSuxHDQ0jiyDJ9YZBUGJcrdUqm+ZwZFzMbCciVzfem2N2AWiHJcWlbw==}
+  /electron-to-chromium/1.3.841:
+    resolution: {integrity: sha512-0w3dJaRfl4A+LfbdvZaGT3JPm6TbTYKeJj8y5YWaEI9Z4WBNIshlzxL3S1msMGpuhiMZQE9cfgAV8oMib+Z4Tg==}
     dev: true
 
   /elliptic/3.1.0:
@@ -5797,8 +5797,8 @@ packages:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
     dev: true
 
-  /sass/1.41.0:
-    resolution: {integrity: sha512-wb8nT60cjo9ZZMcHzG7TzdbFtCAmHEKWrH+zAdScPb4ZxL64WQBnGdbp5nwlenW5wJPcHva1JWmVa0h6iqA5eg==}
+  /sass/1.41.1:
+    resolution: {integrity: sha512-vIjX7izRxw3Wsiez7SX7D+j76v7tenfO18P59nonjr/nzCkZuoHuF7I/Fo0ZRZPKr88v29ivIdE9BqGDgQD/Nw==}
     engines: {node: '>=8.9.0'}
     hasBin: true
     dependencies:
diff --git a/src/assets/_headers b/src/assets/_headers
index b11f1598..70d5bc4d 100644
--- a/src/assets/_headers
+++ b/src/assets/_headers
@@ -31,10 +31,6 @@
   Cache-Control: public, max-age=31536000, immutable
   Content-Type: font/ttf
 
-/js/*.css
-  Cache-Control: public, max-age=31536000, immutable
-  Content-Type: text/css
-
 /js/*.js
   Cache-Control: public, max-age=604800, stale-while-revalidate=31536000
   Content-Type: text/javascript
diff --git a/src/css/components/_monaco.scss b/src/css/components/_monaco.scss
index 232aea0d..8e9bb5a4 100644
--- a/src/css/components/_monaco.scss
+++ b/src/css/components/_monaco.scss
@@ -1,16 +1,18 @@
 .flex-wrapper {
-    @apply gap-3 w-full relative pb-2 mb-8 container max-w-screen-xl;
-    display: grid;
-    grid-template-columns: auto;
-    grid-auto-flow: column;
-    grid-auto-rows: 1fr;
-    min-height: 400px - 56px;
+    @apply w-full relative px-3 pb-6 mb-8 container max-w-screen-xl;
+    @apply grid gap-3 sm:grid-flow-col sm:grid-rows-1 lt-sm:grid-flow-row ;
+    // grid-template-columns: auto;
+    min-height: (300px - 56px) * 2;
     resize: vertical;
     overflow: hidden;
 
-    @screen lt-md {
+    @screen sm {
         min-height: 350px - 56px;
     }
+
+    @screen md {
+        min-height: 400px - 56px;
+    }
 }
 
 .app {
@@ -20,14 +22,18 @@
     padding-top: 15px;
     padding-bottom: 15px;
     height: 100%;
-
+    
     resize: horizontal;
+
+    @screen lt-sm {
+        resize: vertical;
+    }
     overflow: hidden;
 }
 
 .app#output {
-    // resize: vertical;
-    // height: 100%;
+    resize: none;
+    height: 100%;
 }
 
 .push-to-side {