fix token/perp page bottom padding

components/stats/StatsPage.tsx

@@ -34,22 +34,26 @@ const StatsPage = () => {
   const tabsWithCount: [string, number][] = useMemo(() => {
     return TABS.map((t) => [t, 0])
   }, [])
-  return market ? (
+  return (
-    <PerpStatsPage />
-  ) : token ? (
-    <TokenPage />
-  ) : (
     <div className="pb-20 md:pb-16">
-      <div className="border-b border-th-bkg-3">
+      {market ? (
-        <TabButtons
+        <PerpStatsPage />
-          activeValue={activeTab}
+      ) : token ? (
-          fillWidth={fullWidthTabs}
+        <TokenPage />
-          onChange={(v) => setActiveTab(v)}
+      ) : (
-          showBorders
+        <>
-          values={tabsWithCount}
+          <div className="border-b border-th-bkg-3">
-        />
+            <TabButtons
-      </div>
+              activeValue={activeTab}
-      <TabContent activeTab={activeTab} />
+              fillWidth={fullWidthTabs}
+              onChange={(v) => setActiveTab(v)}
+              showBorders
+              values={tabsWithCount}
+            />
+          </div>
+          <TabContent activeTab={activeTab} />
+        </>
+      )}
     </div>
   )
 }