diff --git a/ui/src/routes/+layout.ts b/ui/src/routes/+layout.ts
index b2bb8e5a..369b30f3 100644
--- a/ui/src/routes/+layout.ts
+++ b/ui/src/routes/+layout.ts
@@ -1,4 +1,4 @@
-import 'inter-ui/inter.css';
+import 'inter-ui/inter-variable.css';
 import '../app.css';
 import { securitiesClient } from '$lib/api/client';
 import type { LayoutLoad } from './$types';
diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
index d5ce1fbd..88a31df5 100644
--- a/ui/tailwind.config.js
+++ b/ui/tailwind.config.js
@@ -5,7 +5,7 @@ export default {
 		extend: {
 			fontFamily: {
 				sans: [
-					'Inter var, sans-serif',
+					'InterVariable, sans-serif',
 					{
 						fontFeatureSettings: '"cv11", "ss01"'
 					}