From ee115dfae025dbe6236256cd547fa63bbcf3aba1 Mon Sep 17 00:00:00 2001
From: skeptrune <nick.k@trieve.ai>
Date: Mon, 16 Dec 2024 17:45:21 -0800
Subject: [PATCH] styling: mobile chat modal spacing issues

---
 .../search-component/src/TrieveModal/Chat/ChatMode.tsx    | 6 +++++-
 clients/search-component/src/TrieveModal/index.css        | 8 ++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
index 123292860..7dd2d1764 100644
--- a/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
+++ b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
@@ -60,7 +60,11 @@ export const ChatMode = () => {
           </svg>
           <span>Close</span>
         </div>
-        <div className="system-information-wrapper">
+        <div
+          className={`system-information-wrapper${
+            currentGroup ? " with-group" : ""
+          }`}
+        >
           <div className="ai-message">
             <div className="chat-modal-wrapper">
               <div className="ai-message initial-message">
diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
index 8d819c629..1d78c66a8 100644
--- a/clients/search-component/src/TrieveModal/index.css
+++ b/clients/search-component/src/TrieveModal/index.css
@@ -499,7 +499,7 @@ body {
         }
 
         .brand-name {
-          @apply text-white px-1.5 py-1 rounded-md font-[500] whitespace-nowrap;
+          @apply text-white px-1.5 py-1 rounded-md font-[500] whitespace-nowrap leading-8;
         }
       }
     }
@@ -529,7 +529,11 @@ body {
     /* SUGGESTED QUESTIONS */
 
     .system-information-wrapper {
-      @apply mb-8;
+      @apply mb-10;
+
+      &.with-group {
+        @apply mb-24;
+      }
 
       p {
         @apply mb-6 sm:mb-4;