From 45ef8ce06e6964d6eb8187d171452375469c87a8 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Mon, 2 Mar 2026 13:44:01 +0100
Subject: [PATCH] :up: add some more spaceing in the chat bubble

---
 .../room/widgets/chat-input/ChatInputStyleSelectorView.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx b/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx
index 0e02eed..2a6d165 100644
--- a/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx
+++ b/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx
@@ -36,12 +36,12 @@ export const ChatInputStyleSelectorView: FC<ChatInputStyleSelectorViewProps> = p
           popoverRect={popoverRect}
           position={position}
         >
-          <NitroCardContentView className="bg-transparent max-h-[200px]!" overflow="hidden">
+          <NitroCardContentView className="bg-transparent max-h-[210px]!" overflow="hidden">
             <Grid columnCount={3} overflow="auto">
               {chatStyleIds && chatStyleIds.length > 0 && chatStyleIds.map(styleId => (
-                <Flex key={styleId} center pointer className="h-[30px]" onClick={() => selectStyle(styleId)}>
+                <Flex key={styleId} center pointer className="h-[35px] w-[65px]" onClick={() => selectStyle(styleId)}>
                   <div className="bubble-container relative w-[50px]">
-                    <div className={`relative max-w-[350px] min-h-[26px] text-[14px] chat-bubble bubble-${styleId}`}>&nbsp;</div>
+                    <div className={`relative max-w-[65px] min-h-[26px] text-[14px] chat-bubble bubble-${styleId}`} />
                   </div>
                 </Flex>
               ))}