diff --git a/apps/red-ui/src/assets/styles/fonts/Inter-VariableFont.ttf b/apps/red-ui/src/assets/styles/fonts/Inter-VariableFont.ttf
new file mode 100644
index 000000000..32a79990a
Binary files /dev/null and b/apps/red-ui/src/assets/styles/fonts/Inter-VariableFont.ttf differ
diff --git a/apps/red-ui/src/assets/styles/fonts/OpenSans-ExtraBold.ttf b/apps/red-ui/src/assets/styles/fonts/OpenSans-ExtraBold.ttf
new file mode 100644
index 000000000..67fcf0fb2
Binary files /dev/null and b/apps/red-ui/src/assets/styles/fonts/OpenSans-ExtraBold.ttf differ
diff --git a/apps/red-ui/src/assets/styles/fonts/OpenSans-VariableFont.ttf b/apps/red-ui/src/assets/styles/fonts/OpenSans-VariableFont.ttf
new file mode 100644
index 000000000..098a928a8
Binary files /dev/null and b/apps/red-ui/src/assets/styles/fonts/OpenSans-VariableFont.ttf differ
diff --git a/apps/red-ui/src/styles.scss b/apps/red-ui/src/styles.scss
index a4cf73354..0e445cf4b 100644
--- a/apps/red-ui/src/styles.scss
+++ b/apps/red-ui/src/styles.scss
@@ -4,6 +4,41 @@
 @use 'common-variables';
 @use 'assets/styles/red-theme';
 
+@font-face {
+    font-family: 'OpenSans Extrabold';
+    src: url('./assets/styles/fonts/OpenSans-ExtraBold.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-weight: 300;
+    src: url('./assets/styles/fonts/Inter-VariableFont.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-weight: 400;
+    src: url('./assets/styles/fonts/Inter-VariableFont.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-weight: 500;
+    src: url('./assets/styles/fonts/Inter-VariableFont.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-weight: 600;
+    src: url('./assets/styles/fonts/Inter-VariableFont.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-weight: 700;
+    src: url('./assets/styles/fonts/Inter-VariableFont.ttf') format('truetype');
+}
+
 @include common-variables.configureLight(
     $iqser-primary: vars.$primary,
     $iqser-primary-rgb: common-functions.hexToRgb(vars.$primary),
@@ -45,7 +80,8 @@
     $iqser-tab-hover: vars.$grey-6,
     $iqser-loading-progress: vars.$grey-7,
     $iqser-highlight-color: #fffcc4,
-    $iqser-font-family: 'Inter, sans-serif'
+    $iqser-font-family: 'Inter, sans-serif',
+    $iqser-app-name-font-family: 'OpenSans Extrabold, sans-serif'
 );
 
 $light-accent-5: lighten(vars.$accent, 5%);
@@ -96,5 +132,6 @@ $dark-accent-10: darken(vars.$accent, 10%);
     $iqser-tab-hover: vars.$accent,
     $iqser-loading-progress: $light-accent-10,
     $iqser-highlight-color: #905854,
-    $iqser-font-family: 'Inter, sans-serif'
+    $iqser-font-family: 'Inter, sans-serif',
+    $iqser-app-name-font-family: 'OpenSans Extrabold, sans-serif'
 );
diff --git a/libs/common-ui b/libs/common-ui
index b9bc9bac4..ef1c9be50 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit b9bc9bac42327a4c83a8e201415fbd1117b410c0
+Subproject commit ef1c9be50404c918746b7520b5efb0c9a85ae349