Change the submit button size

src/components/InputBox/index.jsx

@@ -48,20 +48,9 @@ export function InputBox({ onSubmit, enabled, port }) {
         onKeyDown={handleKeyDownOrClick}
       />
       <button
+        className="submit-button"
         style={{
-          position: 'absolute',
-          top: '50%',
-          right: '8px',
-          transform: 'translateY(-50%)',
-          cursor: 'pointer',
           backgroundColor: enabled ? '#30a14e' : '#cf222e',
-          color: 'white',
-          border: '1px solid',
-          borderRadius: '6px',
-          borderColor: 'rgba(31,35,40,0.15)',
-          padding: '0.2em 0.8em',
-          fontSize: '1.2em',
-          boxShadow: '0 1px 0 rgba(31,35,40,0.1)',
         }}
         onClick={handleKeyDownOrClick}
       >

src/content-script/styles.scss

@@ -213,6 +213,7 @@
   .interact-input {
     box-sizing: border-box;
     padding: 5px 15px;
+    padding-right: 1em;
     border: 0;
     border-top: 1px solid var(--theme-border-color);
     width: 100%;
@@ -223,6 +224,21 @@
     max-height: 160px;
   }
 
+  .submit-button {
+    position: absolute;
+    right: 1.1em;
+    bottom: 0.2em;
+    padding: 1px 6px;
+    cursor: pointer;
+    background-color: #30a14e;
+    color: white;
+    border: 1px solid;
+    border-radius: 6px;
+    border-color: rgba(31, 35, 40, 0.15);
+    font-size: 1em;
+    box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
+  }
+
   .dragbar {
     cursor: move;
     width: 42%;