chore: style issue

public/style.css

@@ -110,7 +110,7 @@ body {
   font-family: system, "Helvetica Neue", Helvetica, Arial;
   font-size: 13px;
   color: var(--text);
-  line-height: 1.5;
+  line-height: 1.2em;
   height: 100vh;
   overflow: hidden;
 }
@@ -240,7 +240,7 @@ nav {
 .editor-content textarea,
 .editor-content pre {
   box-sizing: border-box;
-  padding: 0.15rem;
+  padding: 0.5rem .25rem;
   margin: 0;
   border: 0;
   width: 100%;
@@ -251,7 +251,7 @@ nav {
   overflow: auto;
   white-space: pre;
   font-size: 14px;
-  line-height: 1.5;
+  line-height: 1.2em;
 }
 .editor-content textarea {
   color: transparent;
@@ -677,7 +677,7 @@ form > button {
     --cursor-color: #ffffff;
   }
   
-  input, .toggle-icon {
+  .toggle-icon {
     color: white;
   }
 
@@ -694,11 +694,6 @@ form > button {
     caret-color: var(--cursor-color); 
   }
 
-
-  input, .toggle-icon {
-    color: white;
-  }
-
   ::selection {
     background: var(--primary-light);
     color: var(--text);