diff --git a/src/components/Widget/index.tsx b/src/components/Widget/index.tsx
index c6e661d48c..ebdcd224b4 100644
--- a/src/components/Widget/index.tsx
+++ b/src/components/Widget/index.tsx
@@ -1,3 +1,7 @@
+// Import fonts.css for the side-effect of loading fonts for @uniswap/widgets.
+// eslint-disable-next-line no-restricted-imports
+import '@uniswap/widgets/dist/fonts.css'
+
 import { Currency, EMPTY_TOKEN_LIST, OnReviewSwapClick, SwapWidget, SwapWidgetSkeleton } from '@uniswap/widgets'
 import { useWeb3React } from '@web3-react/core'
 import { useActiveLocale } from 'hooks/useActiveLocale'