reduce tooltip delay

components/account/AccountPage.tsx

@@ -352,7 +352,7 @@ const AccountPage = () => {
             <Tooltip
               maxWidth="20rem"
               placement="bottom-start"
-              delay={250}
+              delay={100}
               content={
                 <div className="flex-col space-y-2 text-sm">
                   <p className="text-xs">
@@ -400,7 +400,7 @@ const AccountPage = () => {
               content={t('account:tooltip-free-collateral')}
               maxWidth="20rem"
               placement="bottom"
-              delay={250}
+              delay={100}
             >
               <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                 {t('free-collateral')}
@@ -424,7 +424,7 @@ const AccountPage = () => {
                 content={t('account:tooltip-total-collateral')}
                 maxWidth="20rem"
                 placement="bottom"
-                delay={250}
+                delay={100}
               >
                 <span className="tooltip-underline">{t('total')}</span>:
                 <span className="ml-1 font-mono text-th-fgd-2">
@@ -450,7 +450,7 @@ const AccountPage = () => {
               content={t('account:tooltip-leverage')}
               maxWidth="20rem"
               placement="bottom"
-              delay={250}
+              delay={100}
             >
               <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                 {t('leverage')}
@@ -467,7 +467,7 @@ const AccountPage = () => {
               <Tooltip
                 content={t('account:tooltip-pnl')}
                 placement="bottom"
-                delay={250}
+                delay={100}
               >
                 <p className="tooltip-underline inline text-sm text-th-fgd-3 xl:text-base">
                   {t('pnl')}
@@ -479,7 +479,7 @@ const AccountPage = () => {
                     <Tooltip
                       className="hidden md:block"
                       content={t('account:pnl-chart')}
-                      delay={250}
+                      delay={100}
                     >
                       <IconButton
                         className="text-th-fgd-3"
@@ -493,7 +493,7 @@ const AccountPage = () => {
                   <Tooltip
                     className="hidden md:block"
                     content={t('account:pnl-history')}
-                    delay={250}
+                    delay={100}
                   >
                     <IconButton
                       className="text-th-fgd-3"
@@ -526,7 +526,7 @@ const AccountPage = () => {
                 content={t('account:tooltip-total-interest')}
                 maxWidth="20rem"
                 placement="bottom-end"
-                delay={250}
+                delay={100}
               >
                 <p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
                   {t('total-interest-earned')}
@@ -536,7 +536,7 @@ const AccountPage = () => {
                 <Tooltip
                   className="hidden md:block"
                   content="Cumulative Interest Chart"
-                  delay={250}
+                  delay={100}
                 >
                   <IconButton
                     className="text-th-fgd-3"

components/account/ActivityFeedTable.tsx

@@ -204,7 +204,7 @@ const ActivityFeedTable = ({
               <Th className="bg-th-bkg-1 text-right">{t('activity:credit')}</Th>
               <Th className="bg-th-bkg-1 text-right">{t('activity:debit')}</Th>
               <Th className="flex justify-end bg-th-bkg-1">
-                <Tooltip content={t('activity:tooltip-fee')} delay={250}>
+                <Tooltip content={t('activity:tooltip-fee')} delay={100}>
                   <span className="tooltip-underline">{t('fee')}</span>
                 </Tooltip>
               </Th>

components/borrow/BorrowPage.tsx

@@ -98,7 +98,7 @@ const BorrowPage = () => {
               maxWidth="20rem"
               placement="bottom-start"
               content="The value of your assets (deposits) minus the value of your liabilities (borrows)."
-              delay={250}
+              delay={100}
             >
               <p className="mb-0.5 text-base">
                 {t('borrow:current-borrow-value')}

components/modals/MangoAccountsListModal.tsx

@@ -195,7 +195,7 @@ const MangoAccountsListModal = ({
                         <Tooltip
                           className="hidden md:block"
                           content={t('copy-address')}
-                          delay={250}
+                          delay={100}
                         >
                           <IconButton
                             className="text-th-fgd-3"

components/shared/HealthImpact.tsx

@@ -24,7 +24,7 @@ const HealthImpact = ({
 
   return (
     <div className="flex flex-wrap items-start justify-between">
-      <Tooltip content={t('health-tooltip')} delay={250}>
+      <Tooltip content={t('health-tooltip')} delay={100}>
         <p
           className={`tooltip-underline mr-4 ${small ? 'text-xs' : 'text-sm'}`}
         >

components/shared/Tooltip.tsx

@@ -29,7 +29,7 @@ const Tooltip = ({
         appendTo={() => document.body}
         maxWidth={maxWidth}
         interactive
-        delay={delay}
+        delay={[delay, 0]}
         content={
           content ? (
             <div
@@ -57,7 +57,7 @@ const Content = ({
 } & HTMLAttributes<HTMLDivElement>) => {
   return (
     <div
-      className={`default-transition inline-block cursor-help border-b border-dashed border-th-fgd-3 border-opacity-20 hover:border-th-bkg-2 ${className}`}
+      className={`inline-block cursor-help border-b border-dashed border-th-fgd-3 border-opacity-20 hover:border-th-bkg-2 ${className}`}
     >
       {children}
     </div>

components/swap/SwapReviewRouteInfo.tsx

@@ -538,7 +538,7 @@ const SwapReviewRouteInfo = ({
                         ),
                       })
                 }
-                delay={250}
+                delay={100}
               >
                 <p className="tooltip-underline text-sm text-th-fgd-3">
                   {t('borrow-amount')}
@@ -586,7 +586,7 @@ const SwapReviewRouteInfo = ({
                     <div className="flex justify-between">
                       <Tooltip
                         content={t('loan-origination-fee-tooltip')}
-                        delay={250}
+                        delay={100}
                       >
                         <p className="tooltip-underline text-sm text-th-fgd-3">
                           {t('loan-origination-fee')}

components/trade/AdvancedTradeForm.tsx

@@ -506,7 +506,7 @@ const AdvancedTradeForm = () => {
             <div className="mr-3 mt-4" id="trade-step-six">
               <Tooltip
                 className="hidden md:block"
-                delay={250}
+                delay={100}
                 placement="left"
                 content={t('trade:tooltip-post')}
               >
@@ -521,7 +521,7 @@ const AdvancedTradeForm = () => {
             <div className="mr-3 mt-4" id="trade-step-seven">
               <Tooltip
                 className="hidden md:block"
-                delay={250}
+                delay={100}
                 placement="left"
                 content={t('trade:tooltip-ioc')}
               >
@@ -541,7 +541,7 @@ const AdvancedTradeForm = () => {
           <div className="mt-4" id="trade-step-eight">
             <Tooltip
               className="hidden md:block"
-              delay={250}
+              delay={100}
               placement="left"
               content={t('trade:tooltip-enable-margin')}
             >
@@ -554,7 +554,7 @@ const AdvancedTradeForm = () => {
           <div className="mr-3 mt-4">
             <Tooltip
               className="hidden md:block"
-              delay={250}
+              delay={100}
               placement="left"
               content={
                 'Reduce will only decrease the size of an open position. This is often used for closing a position.'

components/trade/Orderbook.tsx

@@ -514,7 +514,7 @@ const Orderbook = () => {
               className="hidden md:block"
               content={t('trade:grouping')}
               placement="left"
-              delay={250}
+              delay={100}
             >
               <GroupSize
                 tickSize={market.tickSize}

components/trade/RecentTrades.tsx

@@ -167,7 +167,7 @@ const RecentTrades = () => {
           <Tooltip
             className="hidden md:block"
             content={t('trade:tooltip-volume-alert')}
-            delay={250}
+            delay={100}
           >
             <IconButton
               onClick={() => setShowVolumeAlertModal(true)}