From abda86f9a7d5279b80f8b06d80288034765a30b5 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Fri, 2 Jul 2021 15:28:32 +0530
Subject: [PATCH] bug: fixes typing indicator out of position in widget (#2551)

Fixes typing indicator out of position in the widget when the agent did not send the last message.
---
 app/javascript/widget/components/AgentTypingBubble.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/javascript/widget/components/AgentTypingBubble.vue b/app/javascript/widget/components/AgentTypingBubble.vue
index fa94d26e6..9e019613a 100644
--- a/app/javascript/widget/components/AgentTypingBubble.vue
+++ b/app/javascript/widget/components/AgentTypingBubble.vue
@@ -23,6 +23,10 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 @import '~widget/assets/scss/variables.scss';
+.agent-message-wrap {
+  position: sticky;
+  bottom: $space-smaller;
+}
 
 .typing-bubble {
   max-width: $space-normal * 2.4;