From ca708b19cf1f580cfb2feb290d23c8e5fb063a41 Mon Sep 17 00:00:00 2001
From: Ji Tang <ji.tang.jonas@outlook.com>
Date: Mon, 24 Apr 2023 12:00:15 +0200
Subject: [PATCH] Refactor input box styling for better organization

---
 src/components/InputBox/index.jsx | 2 +-
 src/content-script/styles.scss    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/InputBox/index.jsx b/src/components/InputBox/index.jsx
index 8cbd425..34f983f 100644
--- a/src/components/InputBox/index.jsx
+++ b/src/components/InputBox/index.jsx
@@ -32,7 +32,7 @@ export function InputBox({ onSubmit, enabled, port }) {
   }
 
   return (
-    <div style={{ position: 'relative' }}>
+    <div className="input-box">
       <textarea
         dir="auto"
         ref={inputRef}
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index 8d3c6db..7f473ee 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -210,6 +210,10 @@
     color: #ec4336;
   }
 
+  .input-box {
+    display: contents;
+  }
+
   .interact-input {
     box-sizing: border-box;
     padding: 5px 15px;