From b3dd8de82a32e51eff4fa8c62b082336aa65e4e3 Mon Sep 17 00:00:00 2001
From: MartinCupela <32706194+MartinCupela@users.noreply.github.com>
Date: Thu, 20 Jun 2024 09:45:00 +0200
Subject: [PATCH] fix: adjust MessageInput Autocomplete position above textarea
 with multiple rows (#297)

---
 src/v2/styles/Autocomplete/Autocomplete-layout.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/v2/styles/Autocomplete/Autocomplete-layout.scss b/src/v2/styles/Autocomplete/Autocomplete-layout.scss
index 2488a78..bbf864b 100644
--- a/src/v2/styles/Autocomplete/Autocomplete-layout.scss
+++ b/src/v2/styles/Autocomplete/Autocomplete-layout.scss
@@ -23,7 +23,7 @@
 // React SDK's version of Angular SDK's .dropup (mention-list)
 .str-chat__suggestion-list-container {
   position: absolute;
-  bottom: var(--str-chat__spacing-7);
+  bottom: calc(100% + var(--str-chat__spacing-2_5));
   width: 100%;
   padding: var(--str-chat__spacing-2) 0;