From 56a967b8c6e1892ccdb6e484388d4dc58aa1fb7a Mon Sep 17 00:00:00 2001
From: m5r <mokht@rmi.al>
Date: Thu, 22 Jul 2021 01:05:21 +0800
Subject: [PATCH] style conversation message bubble

---
 src/pages/messages/[recipient].tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/messages/[recipient].tsx b/src/pages/messages/[recipient].tsx
index 051f020..dfc3790 100644
--- a/src/pages/messages/[recipient].tsx
+++ b/src/pages/messages/[recipient].tsx
@@ -105,13 +105,13 @@ const Messages: NextPage<Props> = (props) => {
 							<li
 								key={message.id}
 								className={clsx(
-									isSameSender || isLast ? "pb-3" : "pb-4",
+									isSameSender || isLast ? "pb-1" : "pb-4",
 									isOutbound ? "text-right" : "text-left",
 								)}
 							>
 								<span
 									className={clsx(
-										"p-2 rounded-lg text-white",
+										"inline-block text-left w-[fit-content] p-2 rounded-lg text-white",
 										isOutbound ? "bg-[#3194ff] rounded-br-none" : "bg-black rounded-bl-none",
 									)}
 								>