feat: update font size of form text elements

Author: therealemjy

apps/evm/src/components/Accordion/index.tsx

@@ -26,7 +26,7 @@ export const Accordion: React.FC<AccordionProps> = ({
       >
         {!!title && <span className="text-grey">{title}</span>}
 
-        <div className="ml-auto justify-self-end flex items-center gap-x-1">
+        <div className="ml-auto justify-self-end flex items-center gap-x-1 text-sm">
           {!!rightLabel && <span>{rightLabel}</span>}
 
           <Icon name="arrowUp" className={cn('text-grey w-5 h-5', !isOpen && 'rotate-180')} />

apps/evm/src/components/LabeledInlineContent/index.tsx

@@ -28,7 +28,7 @@ export const LabeledInlineContent = ({
     className={cn('flex w-full items-center justify-between space-x-4', className)}
     {...otherContainerProps}
   >
-    <div className="flex items-center text-sm md:text-base">
+    <div className="flex items-center text-sm">
       {typeof iconSrc === 'string' && (
         <Icon name={iconSrc} className={cn('-mt-[2px] mr-2 h-5 w-5', iconClassName)} />
       )}
@@ -37,18 +37,13 @@ export const LabeledInlineContent = ({
         <TokenIcon token={iconSrc} className="-mt-[2px] mr-2 h-5 w-5" />
       )}
 
-      <p className={cn('text-sm md:text-base', invertTextColors ? 'text-offWhite' : 'text-grey')}>
-        {label}
-      </p>
+      <p className={cn('text-sm', invertTextColors ? 'text-offWhite' : 'text-grey')}>{label}</p>
 
       {!!tooltip && <InfoIcon className="ml-2 inline-flex items-center" tooltip={tooltip} />}
     </div>
 
     <div
-      className={cn(
-        'flex items-center text-sm md:text-base',
-        invertTextColors ? 'text-grey' : 'text-offWhite',
-      )}
+      className={cn('flex items-center text-sm', invertTextColors ? 'text-grey' : 'text-offWhite')}
     >
       {children}
     </div>

apps/evm/src/components/RiskAcknowledgementToggle/index.tsx

@@ -17,7 +17,7 @@ export const RiskAcknowledgementToggle: React.FC<RiskAcknowledgementToggleProps>
       <div className="flex gap-x-3">
         <Toggle {...toggleProps} />
 
-        <p>{t('operationForm.riskyOperation.toggleLabel')}</p>
+        <p className="text-sm">{t('operationForm.riskyOperation.toggleLabel')}</p>
       </div>
     </div>
   );

apps/evm/src/pages/Market/OperationForm/ApyBreakdown/index.tsx

@@ -112,7 +112,7 @@ export const ApyBreakdown: React.FC<ApyBreakdownProps> = ({
     <Accordion
       title={
         <div className="flex items-center gap-x-2">
-          <p className="text-sm md:text-base">{label}</p>
+          <p className="text-sm">{label}</p>
 
           <InfoIcon className="inline-flex items-center" tooltip={tooltip} />
         </div>