Tweak classes

Author: 0xonramp

src/components/settings/index.tsx

@@ -93,7 +93,7 @@ export const Settings = (props: SettingsProps) => {
         w='320px'
       >
         <PopoverBody>
-          <p className='text-ic-gray-600 font-medium'>Max Slippage</p>
+          <p className='text-ic-gray-600 text-base font-medium'>Max Slippage</p>
           <Flex align='center' my='4'>
             <Toggle
               toggleState={toggleState}

src/components/settings/warning.tsx

@@ -15,9 +15,11 @@ export const Warning = (props: WarningProps) => (
   <Flex direction={'column'}>
     <Flex align={'center'} direction={'row'}>
       <ExclamationCircleIcon className='text-ic-yellow size-4' />
-      <p className='text-ic-gray-600 ml-1.5 font-medium'>Slippage warning</p>
+      <p className='text-ic-gray-600 ml-1.5 text-base font-medium'>
+        Slippage warning
+      </p>
     </Flex>
-    <p className='text-ic-gray-600 mt-0.5 text-sm'>
+    <p className='text-ic-gray-600 mt-0.5 text-sm font-normal'>
       {getTexts(props.lowSlippage)}
     </p>
   </Flex>

src/components/swap/components/quote-result/not-available.tsx

@@ -22,8 +22,10 @@ export const QuoteNotAvailable = ({ type }: QuoteNotAvailableProps) => {
           {type.toUpperCase()}
         </p>
       </Flex>
-      <p className='text-ic-gray-300 font-medium'>{type} unavailable</p>
-      <p className='text-ic-gray-300 text-sm'>
+      <p className='text-ic-gray-300 text-base font-medium'>
+        {type} unavailable
+      </p>
+      <p className='text-ic-gray-300 text-sm font-normal'>
         {`This token is not available for ${text}.`}
       </p>
     </Flex>