diff --git a/packages/admin-ui/public/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf b/packages/admin-ui/public/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf
new file mode 100644
index 000000000..43ed4f5ee
Binary files /dev/null and b/packages/admin-ui/public/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf differ
diff --git a/packages/admin-ui/public/fonts/inter/Inter-VariableFont_opsz,wght.ttf b/packages/admin-ui/public/fonts/inter/Inter-VariableFont_opsz,wght.ttf
new file mode 100644
index 000000000..e31b51e3e
Binary files /dev/null and b/packages/admin-ui/public/fonts/inter/Inter-VariableFont_opsz,wght.ttf differ
diff --git a/packages/admin-ui/public/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf b/packages/admin-ui/public/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf
new file mode 100644
index 000000000..76e3f9d25
Binary files /dev/null and b/packages/admin-ui/public/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf differ
diff --git a/packages/admin-ui/public/fonts/montserrat/Montserrat-VariableFont_wght.ttf b/packages/admin-ui/public/fonts/montserrat/Montserrat-VariableFont_wght.ttf
new file mode 100644
index 000000000..451e69288
Binary files /dev/null and b/packages/admin-ui/public/fonts/montserrat/Montserrat-VariableFont_wght.ttf differ
diff --git a/packages/admin-ui/src/fonts.scss b/packages/admin-ui/src/fonts.scss
new file mode 100644
index 000000000..0047e5257
--- /dev/null
+++ b/packages/admin-ui/src/fonts.scss
@@ -0,0 +1,44 @@
+@font-face {
+  font-family: "Montserrat";
+  src: url("/fonts/montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Montserrat";
+  src: url("/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+}
+
+.section-title,
+.section-subtitle,
+.sidenav-item,
+.horizontal-navbar,
+.pkgs-back-btn {
+  font-family: "Montserrat", sans-serif;
+}
+
+// Body text style
+body {
+  font-family: "Inter", sans-serif;
+}
diff --git a/packages/admin-ui/src/index.tsx b/packages/admin-ui/src/index.tsx
index bda9bc514..32f5dc27d 100755
--- a/packages/admin-ui/src/index.tsx
+++ b/packages/admin-ui/src/index.tsx
@@ -16,6 +16,7 @@ import "./dappnode_styles.scss";
 import "./dappnode_colors.scss";
 import "./light_dark.scss";
 import "./layout.scss";
+import "./fonts.scss";
 import { PwaInstallProvider } from "pages/system/components/App/PwaInstallContext";
 
 // This process.env. vars will be substituted at build time
diff --git a/packages/admin-ui/src/layout.scss b/packages/admin-ui/src/layout.scss
index 7da1d0d73..f2cc0ce1f 100644
--- a/packages/admin-ui/src/layout.scss
+++ b/packages/admin-ui/src/layout.scss
@@ -26,13 +26,6 @@
   --z-index-topbar: 1000;
 }
 
-/* 
-  TEXT STYLES 
-*/
-body {
-  font-family: overpass, sans-serif !important;
-}
-
 /* Reset margins and underlying sizes. 
    The height 100% is necessary so child elements have a reference to be full width
 */