font-size class fix

components/TopBar.tsx

@@ -13,7 +13,6 @@ import MenuItem from './MenuItem'
 import ThemeSwitch from './ThemeSwitch'
 import WalletIcon from './WalletIcon'
 import UiLock from './UiLock'
-import DropMenu from './DropMenu'
 import { useRouter } from 'next/router'
 import WalletSelect from './WalletSelect'
 import useMangoStore from '../stores/useMangoStore'
@@ -27,6 +26,10 @@ const Code = styled.code`
   font-size: 13px;
 `
 
+const StyledWalletTypeLabel = styled.div`
+  font-size: 0.6rem;
+`
+
 const TopBar = () => {
   const { asPath } = useRouter()
   const connected = useMangoStore((s) => s.wallet.connected)
@@ -144,11 +147,11 @@ const TopBar = () => {
                         <WalletIcon className="w-5 h-5 mr-3 fill-current" />
                         <div>
                           Connect Wallet
-                          <div className="text-xxs font-normal text-th-fgd-1 text-left leading-3">
+                          <StyledWalletTypeLabel className="font-normal text-th-fgd-1 text-left leading-3">
                             {WALLET_PROVIDERS.filter(
                               (p) => p.url === savedProviderUrl
                             ).map(({ name }) => name)}
-                          </div>
+                          </StyledWalletTypeLabel>
                         </div>
                       </div>
                     </button>

tailwind.config.js

@@ -94,20 +94,6 @@ module.exports = {
         'th-green': 'var(--green)',
       },
     },
-    fontSize: {
-      xxs: '.6rem',
-      // 'sm': '.875rem',
-      // 'tiny': '.875rem',
-      //  'base': '1rem',
-      //  'lg': '1.125rem',
-      //  'xl': '1.25rem',
-      //  '2xl': '1.5rem',
-      // '3xl': '1.875rem',
-      // '4xl': '2.25rem',
-      //  '5xl': '3rem',
-      //  '6xl': '4rem',
-      // '7xl': '5rem',
-    },
   },
   variants: {
     extend: {