From c9e584cfebe0285a45125860907b327dfc3a41f9 Mon Sep 17 00:00:00 2001
From: Miguel Sosa <85181687+msosav@users.noreply.github.com.>
Date: Tue, 10 Sep 2024 23:17:19 -0500
Subject: [PATCH] Fix header and chat heights

---
 src/components/Chat.jsx   | 4 ++--
 src/components/Header.jsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Chat.jsx b/src/components/Chat.jsx
index 185491c..741afa5 100644
--- a/src/components/Chat.jsx
+++ b/src/components/Chat.jsx
@@ -32,7 +32,7 @@ export default function Chat() {
 
   return (
     <>
-      <div className="px-2 lg:px-0 h-[78vh] overflow-y-scroll flex flex-column">
+      <div className="px-2 lg:px-0 h-[72vh] md:h-[80vh] overflow-y-scroll flex flex-column">
         <div className="w-full lg:w-1/2 m-[0.5rem] lg:m-0 text-[0.8rem] lg:text-[1rem] flex flex-column mx-auto">
           {messages.map((message, index) => (
             <div
@@ -60,7 +60,7 @@ export default function Chat() {
         </div>
       </div>
 
-      <div className="w-full flex justify-center h-[10vh] fixed bottom-0">
+      <div className="w-full flex justify-center m-2 fixed bottom-0">
         <div className="w-full lg:w-1/2 m-[0.5rem] lg:m-0 text-[0.8rem] lg:text-[1rem]">
           <form onSubmit={handleSendMessage}>
             <div className="flex">
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 9ccc743..9ffb1b1 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -11,7 +11,7 @@ import logoPacho from "../assets/images/pacho.png";
  */
 export default function Header({ chatBotName }) {
   return (
-    <div className="flex items-center justify-center h-[10vh] header-bg fixed top-0 w-full">
+    <div className="flex items-center justify-center h-[10vh] header-bg">
       <div className="flex justify-start w-full lg:w-1/2">
         <img src={logoPacho} alt="logo" className="w-12 lg:w-16 h-12 lg:h-16" />
         <p className="text-xl font-bold bot-name mb-0">