fix rate curve chart

components/account/FundingTable.tsx

@@ -199,9 +199,11 @@ const FundingTable = () => {
                     <div className="flex items-center justify-end">
                       {marketOrBank ? (
                         marketOrBank instanceof PerpMarket ? (
-                          <MarketLogos market={marketOrBank} />
+                          <MarketLogos market={marketOrBank} size="small" />
                         ) : (
-                          <TokenLogo bank={marketOrBank} />
+                          <div className="mr-1.5">
+                            <TokenLogo bank={marketOrBank} size={16} />
+                          </div>
                         )
                       ) : null}
                       <p className="font-body">{asset}</p>
@@ -261,7 +263,9 @@ const FundingTable = () => {
                           marketOrBank instanceof PerpMarket ? (
                             <MarketLogos market={marketOrBank} size="small" />
                           ) : (
-                            <TokenLogo bank={marketOrBank} size={16} />
+                            <div className="mr-1.5">
+                              <TokenLogo bank={marketOrBank} size={16} />
+                            </div>
                           )
                         ) : null}
                         <p className="text-right">{asset}</p>

components/modals/DashboardSuggestedValuesModal.tsx

@@ -328,11 +328,7 @@ const DashboardSuggestedValues = ({
   )
 
   return (
-    <Modal
-      panelClassNames="!max-w-[800px] !max-h-[700px] overflow-auto"
-      isOpen={isOpen}
-      onClose={onClose}
-    >
+    <Modal panelClassNames="!max-w-[800px]" isOpen={isOpen} onClose={onClose}>
       <h3 className="mb-6">
         <span>
           {bank.name} - Suggested tier: {PRESETS[suggestedTierKey].preset_name}{' '}

components/shared/Modal.tsx

@@ -62,7 +62,7 @@ function Modal({
           } h-full w-full bg-th-bkg-1 font-body ${
             fullScreen
               ? ''
-              : 'p-4 sm:h-auto sm:max-w-md sm:rounded-lg sm:border sm:border-th-bkg-3 sm:p-6'
+              : 'thin-scroll max-h-[calc(100vh-48px)] overflow-y-auto p-4 sm:h-auto sm:max-w-md sm:rounded-lg sm:border sm:border-th-bkg-3 sm:p-6'
           } relative ${panelClassNames}`}
         >
           <div>{children}</div>

components/token/RateCurveChart.tsx

@@ -58,7 +58,7 @@ const RateCurveChart = ({ bank }: { bank: Bank | undefined }) => {
   const rateCurveChartData = useMemo(() => {
     if (!bank) return []
     const defaults = [
-      { util: 0, rate: 0 },
+      { util: 0, rate: bank.loanFeeRate.toNumber() * 100 },
       {
         util: bank.util0.toNumber() * 100,
         rate: