From 0c78cf22a7b73d9d66e8f77a7e94692edc600f14 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Wed, 21 Jun 2023 14:44:37 -0400
Subject: [PATCH] Centering emojimart in view.

---
 src/shared/components/common/emoji-picker.tsx | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/shared/components/common/emoji-picker.tsx b/src/shared/components/common/emoji-picker.tsx
index a7fc7d4f..6c603754 100644
--- a/src/shared/components/common/emoji-picker.tsx
+++ b/src/shared/components/common/emoji-picker.tsx
@@ -38,16 +38,18 @@ export class EmojiPicker extends Component<EmojiPickerProps, EmojiPickerState> {
 
         {this.state.showPicker && (
           <>
-            <div className="emoji-picker-container">
-              <EmojiMart
-                onEmojiClick={this.handleEmojiClick}
-                pickerOptions={{}}
-              ></EmojiMart>
+            <div className="position-relative">
+              <div className="emoji-picker-container position-absolute w-100">
+                <EmojiMart
+                  onEmojiClick={this.handleEmojiClick}
+                  pickerOptions={{}}
+                ></EmojiMart>
+              </div>
+              <div
+                onClick={linkEvent(this, this.togglePicker)}
+                className="click-away-container"
+              />
             </div>
-            <div
-              onClick={linkEvent(this, this.togglePicker)}
-              className="click-away-container"
-            />
           </>
         )}
       </span>