From 81db05a3ac2585c77e664975cfbaa79aa6db3e78 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Tue, 5 Jul 2022 16:34:12 +0200
Subject: [PATCH] Removed outline from focused textarea

---
 apps/comments-ui/src/components/Form.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/comments-ui/src/components/Form.js b/apps/comments-ui/src/components/Form.js
index 271730e3bf..62f3330f3b 100644
--- a/apps/comments-ui/src/components/Form.js
+++ b/apps/comments-ui/src/components/Form.js
@@ -71,7 +71,7 @@ class Form extends React.Component {
                         }
                     </figure>
                     <div className="w-full">
-                        <textarea className="w-full resize-none rounded-md border h-24 p-3 font-sans mb-1 dark:bg-[rgba(255,255,255,0.08)] dark:border-none" value={this.state.message} onChange={this.handleChange} placeholder="Join the conversation" />
+                        <textarea className="w-full resize-none rounded-md border h-24 p-3 font-sans mb-1 focus:outline-0 dark:bg-[rgba(255,255,255,0.08)] dark:border-none" value={this.state.message} onChange={this.handleChange} placeholder="Join the conversation" />
                         <button type="submit" className="w-full rounded-md border p-3 py-2.5 font-sans text-sm text-center bg-black font-semibold text-white dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800">Add your comment</button>
                     </div>
                 </div>