diff --git a/dapp/src/theme/index.ts b/dapp/src/theme/index.ts
index 366e952a6..39ec6d51b 100644
--- a/dapp/src/theme/index.ts
+++ b/dapp/src/theme/index.ts
@@ -1,8 +1,7 @@
 import { StyleFunctionProps, extendTheme } from "@chakra-ui/react"
 import { mode } from "@chakra-ui/theme-tools"
 import Button from "./Button"
-import { colors } from "./utils"
-import { fontSizes, fontWeights, lineHeights } from "./utils/fonts"
+import { colors, fontSizes, fontWeights, lineHeights } from "./utils"
 
 const defaultTheme = {
   colors,
diff --git a/dapp/src/theme/utils/index.ts b/dapp/src/theme/utils/index.ts
index c0b5e2654..9f377b3e3 100644
--- a/dapp/src/theme/utils/index.ts
+++ b/dapp/src/theme/utils/index.ts
@@ -1 +1,2 @@
 export * from "./colors"
+export * from "./fonts"