Fixed height issue

Author: sreeram-venkitesh

pages/index.js

@@ -96,12 +96,12 @@ export default function Home() {
             <div className="w-full">
               <CodeMirror
                 autoFocus
-                height="660px"
+                height="90vh"
                 theme={createTheme(CODE_EDITOR_THEME)}
                 value={inputString}
                 extensions={editorExtensions}
                 onChange={(e) => setInputString(e)}
-                className="h-full mt-1"
+                className="h-full mt-1 overflow-y-scroll"
               />
             </div>
             <div className="w-full relative">
@@ -115,12 +115,12 @@ export default function Home() {
                 disabled={outputString === ""}
               />
               <CodeMirror
-                height="660px"
+                height="90vh"
                 theme={createTheme(CODE_EDITOR_THEME)}
                 editable={false}
                 value={outputString}
                 extensions={editorExtensions}
-                className="overflow-auto absolute h-full mt-1 w-full"
+                className="overflow-y-scroll absolute h-full mt-1 w-full"
               />
             </div>
             <div className="flex flex-col min-w-80 w-80 justify-start space-y-2 px-1  rounded">