From 77646d49b6d7ef4d942cbbb2f9726653347ca03f Mon Sep 17 00:00:00 2001
From: shiva raj badu <shivabadu5@gmail.com>
Date: Fri, 24 Apr 2026 16:02:44 +0545
Subject: [PATCH] fix: Chat interface UI issues

---
 .../presentation/components/Chat.tsx                        | 2 +-
 .../presentation/components/PresentationHeader.tsx          | 2 +-
 .../presentation/components/PresentationPage.tsx            | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/servers/nextjs/app/(presentation-generator)/presentation/components/Chat.tsx b/servers/nextjs/app/(presentation-generator)/presentation/components/Chat.tsx
index 6e6661f0..2d98b040 100644
--- a/servers/nextjs/app/(presentation-generator)/presentation/components/Chat.tsx
+++ b/servers/nextjs/app/(presentation-generator)/presentation/components/Chat.tsx
@@ -473,7 +473,7 @@ const Chat = ({
                     <p className="whitespace-pre-wrap">{message.content}</p>
                   </div>
                   <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#FF8617] text-sm font-semibold text-white">
-                    A
+                    U
                   </div>
                 </div>
               ) : (
diff --git a/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx b/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx
index 2323cb87..8dc1f4c2 100644
--- a/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx
+++ b/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationHeader.tsx
@@ -416,7 +416,7 @@ const PresentationHeader = ({
 
   return (
     <>
-      <div className="py-[18px] px-4 sticky top-0 bg-white z-50 mb-[17px] font-syne flex justify-between items-center gap-4">
+      <div className="py-[18px] px-4 sticky top-0 bg-white z-50 shadow-sm font-syne flex justify-between items-center gap-4">
         <div className="flex items-center gap-3">
 
           <img onClick={() => {
diff --git a/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx b/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
index b66d8892..039fe7aa 100644
--- a/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
@@ -151,8 +151,8 @@ const PresentationPage: React.FC<PresentationPageProps> = ({
         className="relative flex h-full flex-col overflow-hidden"
       >
         <PresentationHeader presentation_id={presentation_id} isPresentationSaving={isSaving} currentSlide={selectedSlide} />
-        <div className="flex flex-1 min-h-0 gap-6">
-          <div className="w-[120px] h-full shrink-0 self-start sticky top-0">
+        <div className="flex flex-1 min-h-0 gap-6 ">
+          <div className="w-[120px] h-full shrink-0  self-start sticky top-0 mt-[18px]">
             <SidePanel
               selectedSlide={selectedSlide}
               onSlideClick={handleSlideClick}
@@ -160,7 +160,7 @@ const PresentationPage: React.FC<PresentationPageProps> = ({
               loading={loading}
             />
           </div>
-          <div className="w-full min-w-0 h-full flex-1 ">
+          <div className="w-full min-w-0 h-full flex-1  mt-[18px]">
             <div className="font-inter h-full overflow-y-auto hide-scrollbar">
               <div className="w-full max-w-[1280px] min-h-full mx-auto flex flex-col items-center pb-8">
                 {!presentationData ||