diff --git a/assets/styles/global.css b/assets/styles/global.css
index 9e8b2bc..7ce7833 100644
--- a/assets/styles/global.css
+++ b/assets/styles/global.css
@@ -115,9 +115,11 @@ ul { list-style: none; }
 
 /* Utility and Helper */
 
-.-flex { display: flex; }
-.-flex-column { flex-direction: column; }
-.-flex-grow { flex-grow: 1; }
+@supports (display: flex) {
+    .-flex { display: flex; }
+    .-flex-column { flex-direction: column; }
+    .-flex-grow { flex-grow: 1; }
+}
 
 .--sr-only {
     border: none;
diff --git a/assets/styles/simple-note.css b/assets/styles/simple-note.css
index f8388cd..31eb56a 100644
--- a/assets/styles/simple-note.css
+++ b/assets/styles/simple-note.css
@@ -1,7 +1,6 @@
 body {
     color: hsla(var(--color-1));
     background-color: hsl(var(--color-2));
-    min-height: 21.875rem;
 }
 
 .simple-note {
@@ -25,9 +24,15 @@ body {
 }
 
 .simple-note__input--body {
+    height: 80vh;
+    min-height: 20.3125rem;
     font-family: var(--font-1);
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     resize: none;
+}
+
+@supports (display: flex) {
+    .simple-note__input--body { height: auto; }
 }
\ No newline at end of file