diff --git a/invokeai/frontend/web/src/mantine-theme/theme.ts b/invokeai/frontend/web/src/mantine-theme/theme.ts
index 2313b9a41b..e66d178554 100644
--- a/invokeai/frontend/web/src/mantine-theme/theme.ts
+++ b/invokeai/frontend/web/src/mantine-theme/theme.ts
@@ -2,6 +2,7 @@ import { MantineThemeOverride } from '@mantine/core';
 
 export const mantineTheme: MantineThemeOverride = {
   colorScheme: 'dark',
+  fontFamily: `'InterVariable', sans-serif`,
   colors: {
     ocean: [
       '#dcf5ff',