Adjust chat input field padding

Signed-off-by: Hailong Cui <[email protected]>
opensearch-project · Dec 19, 2023 · 30a2616 · 30a2616
1 parent 35787c6
commit 30a2616
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/public/tabs/chat/chat_page.tsx b/public/tabs/chat/chat_page.tsx
@@ -55,12 +55,12 @@ export const ChatPage: React.FC<ChatPageProps> = (props) => {
         </EuiPage>
       </EuiFlyoutBody>
       <EuiFlyoutFooter className={props.className}>
-        <EuiSpacer />
+        <EuiSpacer size="xs" />
         <ChatInputControls
           loading={chatState.llmResponding}
           disabled={messagesLoading || chatState.llmResponding || !chatContext.userHasAccess}
         />
-        <EuiSpacer />
+        <EuiSpacer size="s" />
       </EuiFlyoutFooter>
     </>
   );

diff --git a/public/tabs/chat/controls/chat_input_controls.tsx b/public/tabs/chat/controls/chat_input_controls.tsx
@@ -48,7 +48,7 @@ export const ChatInputControls: React.FC<ChatInputControlsProps> = (props) => {
 
   return (
     <EuiFlexGroup
-      gutterSize="m"
+      gutterSize="s"
       alignItems="flexEnd"
       justifyContent="spaceEvenly"
       responsive={false}