diff --git a/src/lib/styles/GlobalStyle.tsx b/src/lib/styles/GlobalStyle.tsx
index 36752c3fc..643f7bb09 100644
--- a/src/lib/styles/GlobalStyle.tsx
+++ b/src/lib/styles/GlobalStyle.tsx
@@ -1,5 +1,6 @@
 import { createGlobalStyle } from "styled-components";
 
+import barlowRegular from "../../assets/fonts/Barlow-Regular.ttf";
 import { breakpoint } from "../../lib/styles/breakpoint";
 import { colors } from "../../lib/styles/colors";
 
@@ -19,7 +20,7 @@ const GlobalStyle = createGlobalStyle<{
 }>`
   @font-face {
     font-family: barlow;
-    src: url(src/assets/fonts/Barlow-Regular.ttf);
+    src: url(${barlowRegular});
     font-weight: normal;
   }
   * {
diff --git a/src/lib/types/externals.d.ts b/src/lib/types/externals.d.ts
index 7c5b8894e..ec5f4ff93 100644
--- a/src/lib/types/externals.d.ts
+++ b/src/lib/types/externals.d.ts
@@ -1,3 +1,5 @@
 declare module "@metamask/jazzicon";
 
 declare module "pretty";
+
+declare module "*.ttf";