increase font size for history as per ui spec

src/components/Element/Simple/TableElement.tsx

@@ -11,6 +11,7 @@ type TableElementProps = {
   evenAlternatingColor?: string;
   oddAlternatingColor?: string;
   leftLabelColor?: string;
+  fontSize?: number;
 };
 
 const TableElement = ({
@@ -20,6 +21,7 @@ const TableElement = ({
   evenAlternatingColor = 'bg-[#202021]',
   oddAlternatingColor = 'bg-[rgba(0,0,0,0)]',
   leftLabelColor = 'text-[#bcbcbc]',
+  fontSize = 24,
 }: TableElementProps) => {
   const { tableData } = element;
 
@@ -28,7 +30,7 @@ const TableElement = ({
 
   const renderTable = () => {
     return (
-      <table className="border-collapse w-full">
+      <table className="border-collapse w-full" style={{ fontSize }}>
         <tbody>
           {Array.from({ length: rows }).map((_, i) => (
             <tr

src/ui/history/HistoryMessage.tsx

@@ -16,11 +16,14 @@ const HistoryMessage = ({
   return (
     <div className="grid grid-cols-6">
       <div className="col-span-2 flex flex-col gap-5">
-        <div className="font-semibold text-xl">
-          <div className="text-muted-gray">{title}</div>
+        <div className="font-semibold leading-8" style={{ fontSize: 28 }}>
+          <span className="text-muted-gray">{title}</span>
+          <br />
           {header}
         </div>
-        <div className="font-normal">{desc}</div>
+        <div className="font-normal" style={{ fontSize: 24 }}>
+          {desc}
+        </div>
       </div>
 
       <div className="col-span-4 w-full">{tableContent}</div>