chore: update font size

libs/markets/src/lib/components/market-info/info-key-value-table.tsx

@@ -69,7 +69,13 @@ export const Row = ({
   const valueDiffersFromParentMarket = parentValue && parentValue !== value;
 
   return (
-    <KeyValueTableRow key={field} inline={true} noBorder={noBorder}>
+    <KeyValueTableRow
+      key={field}
+      inline={true}
+      noBorder={noBorder}
+      dtClassName="text-xs"
+      ddClassName="text-xs"
+    >
       <div className="flex items-center gap-3">
         <Tooltip description={tooltipMapping[field]} align="start">
           <div tabIndex={-1}>{startCase(t(field))}</div>

libs/markets/src/lib/components/market-info/market-info-panels.tsx

@@ -453,8 +453,8 @@ export const SettlementAssetInfoPanel = ({ market }: MarketInfoProps) => {
         asset={asset}
         inline={true}
         noBorder={true}
-        dtClassName="text-black dark:text-white text-ui !px-0 !font-normal"
-        ddClassName="text-black dark:text-white text-ui !px-0 !font-normal max-w-full"
+        dtClassName="text-black dark:text-white text-ui !px-0 text-xs"
+        ddClassName="text-black dark:text-white text-ui !px-0 max-w-full text-xs"
       />
       <p className="mt-4 text-xs">
         {t(

libs/ui-toolkit/src/components/key-value-table/key-value-table.tsx

@@ -61,8 +61,8 @@ export const KeyValueTableRow = ({
   numerical,
   inline = true,
   noBorder = false,
-  dtClassName = 'text-sm',
-  ddClassName = 'text-sm',
+  dtClassName,
+  ddClassName,
   id,
 }: KeyValueTableRowProps) => {
   const dlClassName = classNames(