increase dropdown box max-height (#19)

components/Select.tsx

@@ -36,7 +36,7 @@ const Select = ({
             {open ? (
               <Listbox.Options
                 static
-                className={`text-th-fgd-1 max-h-40 overflow-auto z-20 w-full p-1 absolute left-0 mt-1 bg-th-bkg-1 origin-top-left divide-y divide-th-bkg-3 shadow-lg outline-none rounded-md thin-scroll`}
+                className={`text-th-fgd-1 max-h-56 overflow-auto z-20 w-full p-1 absolute left-0 mt-1 bg-th-bkg-1 origin-top-left divide-y divide-th-bkg-3 shadow-lg outline-none rounded-md thin-scroll`}
               >
                 {children}
               </Listbox.Options>

components/Tooltip.tsx

@@ -5,12 +5,14 @@ import 'tippy.js/animations/scale.css'
 type TooltipProps = {
   content: ReactNode
   className?: string
+  placement?: any
 }
 
 const Tooltip: FunctionComponent<TooltipProps> = ({
   children,
   content,
   className,
+  placement,
 }) => {
   return (
     <Tippy
@@ -25,6 +27,7 @@ const Tooltip: FunctionComponent<TooltipProps> = ({
           {content}
         </div>
       }
+      placement={placement}
     >
       <div className="outline-none focus:outline-none">{children}</div>
     </Tippy>

components/WithdrawModal.tsx

@@ -434,7 +434,11 @@ const WithdrawModal = ({ isOpen, onClose }) => {
                 suffix={withdrawTokenSymbol}
               />
               {simulation ? (
-                <Tooltip content="Account Leverage" className="py-1">
+                <Tooltip
+                  content="Projected Leverage"
+                  className="py-1"
+                  placement="bottom"
+                >
                   <span
                     className={`${getAccountStatusColor(
                       simulation.collateralRatio