From 1b62854b5b30fd496f4610dbb0c9499b3ed67bee Mon Sep 17 00:00:00 2001
From: Stian <stian@Stian.localdomain>
Date: Sun, 22 Mar 2026 19:26:11 +0100
Subject: [PATCH] feat: increase the vertical spacing inside the chat, it is
 currently too cramped.

Task: 086dd3eb
Source: slack
Requested by: stianmichael
---
 package-lock.json                          | 2 +-
 src/components/ticket-chat/ticket-chat.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 63fa9f9..8d4de6a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -88,7 +88,7 @@
                 "vitest": "^4.1.0"
             },
             "engines": {
-                "node": ">=18.0.0"
+                "node": ">=20.0.0"
             }
         },
         "node_modules/@acemir/cssom": {
diff --git a/src/components/ticket-chat/ticket-chat.tsx b/src/components/ticket-chat/ticket-chat.tsx
index d673a6e..78dc594 100644
--- a/src/components/ticket-chat/ticket-chat.tsx
+++ b/src/components/ticket-chat/ticket-chat.tsx
@@ -98,11 +98,11 @@ export function TicketChat(props: TicketChatProps) {
               {/* Chat Messages Container */}
               <div className="bg-white rounded-t-[10px] shadow-[0px_4px_15px_0px_rgba(134,140,152,0.2)] flex-1 overflow-auto">
                 <div className="p-4">
-                  <div className="max-w-4xl space-y-6">
+                  <div className="max-w-4xl space-y-8">
                     {intro}
 
                     {/* Chat Messages */}
-                    <div className="space-y-4">
+                    <div className="space-y-6">
                       {thread.map((msg) => (
                         <div key={msg.id} className="flex gap-3">
                           {msg.senderType === "system" && (msg.kind === "claimed" || msg.kind === "ended") ? (