diff --git a/src/ContentProcessorWeb/src/Hooks/useHeaderHooks.tsx b/src/ContentProcessorWeb/src/Hooks/useHeaderHooks.tsx
index 18c363b2..25ce1d5e 100644
--- a/src/ContentProcessorWeb/src/Hooks/useHeaderHooks.tsx
+++ b/src/ContentProcessorWeb/src/Hooks/useHeaderHooks.tsx
@@ -10,7 +10,6 @@
 import React, { useEffect, useCallback, useState } from "react";
 
 import {
-  Avatar,
   Subtitle2,
   Tag,
 } from "@fluentui/react-components";
@@ -87,11 +86,10 @@ export const Header: React.FC<HeaderProps> = ({
       {/* Title Section */}
       <Link to="/default" style={{ textDecoration: "none", color: "inherit" }}>
       <div className="headerTitle">
-        <Avatar
-          image={{ src: avatarSrc }}
-          shape="square"
-          //color= {null}
-        
+        <img
+          src={avatarSrc}
+          alt="Logo"
+          style={{ height: '100%', maxHeight: 32, objectFit: 'contain' }}
         />
         <div className="headerTitleText">
         <Subtitle2 style={{ whiteSpace: "nowrap" }}>
diff --git a/src/ContentProcessorWeb/src/Hooks/usePanelHooks.tsx b/src/ContentProcessorWeb/src/Hooks/usePanelHooks.tsx
index cc4afcca..75728e74 100644
--- a/src/ContentProcessorWeb/src/Hooks/usePanelHooks.tsx
+++ b/src/ContentProcessorWeb/src/Hooks/usePanelHooks.tsx
@@ -14,7 +14,7 @@ interface PanelToolbarProps {
   /** Icon element displayed before the header text. */
   icon: React.ReactNode;
   /** Panel header label. */
-  header: string;
+  header: React.ReactNode;
   /** Optional action buttons or controls rendered to the right. */
   children?: React.ReactNode;
 }
diff --git a/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx b/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx
index 2e7fe919..ece636af 100644
--- a/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx
+++ b/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx
@@ -333,7 +333,7 @@ const PanelCenter: React.FC<PanelCenterProps> = ({ togglePanel }) => {
         <div className={styles.tabContainer}>
           <TabList selectedValue={selectedTab} onTabSelect={onTabSelect} className="custom-test" >
             <Tab value="ai-summary">AI Summary</Tab>
-            <Tab value="gap-analysis">Gap Analysis</Tab>
+            <Tab value="gap-analysis">AI Gap Analysis</Tab>
           </TabList>
         </div>
         <Divider />
@@ -404,7 +404,7 @@ const PanelCenter: React.FC<PanelCenterProps> = ({ togglePanel }) => {
 
   return (
     <div className={`pc ${styles.panelCenter}`}>
-      <PanelToolbar icon={null} header="Output Review">
+      <PanelToolbar icon={null} header={store.selectionType === 'claim' ? <>Output Review <span style={{ fontWeight: 'normal' }}>(for Illustrative purposes only)</span></> : "Output Review"}>
         <Button icon={<ChevronDoubleLeft />} title="Collapse Panel" onClick={() => togglePanel('Center')} />
       </PanelToolbar>
       {store.selectionType === 'claim' ? renderClaimView() : renderDocumentView()}