diff --git a/portal-ui/public/index.html b/portal-ui/public/index.html
index 5f503ccfe6..30dc7a142a 100644
--- a/portal-ui/public/index.html
+++ b/portal-ui/public/index.html
@@ -12,7 +12,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-      <link href="https://fonts.googleapis.com/css?family=Questrial&display=swap" rel="stylesheet">
+      <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">
       <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-icon-180x180.png">
       <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
       <link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/favicon-96x96.png">
diff --git a/portal-ui/src/index.css b/portal-ui/src/index.css
index ec2585e8c0..07601913fd 100644
--- a/portal-ui/src/index.css
+++ b/portal-ui/src/index.css
@@ -1,8 +1,6 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: 'Lato', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
diff --git a/portal-ui/src/theme/main.ts b/portal-ui/src/theme/main.ts
index 703b8aa958..a2344b8220 100644
--- a/portal-ui/src/theme/main.ts
+++ b/portal-ui/src/theme/main.ts
@@ -35,30 +35,30 @@ const theme = createMuiTheme({
     }
   },
   typography: {
-    fontFamily: ["Questrial", "sans-serif"].join(','),
+    fontFamily: ["Lato", "sans-serif"].join(","),
     h1: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h2: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h3: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h4: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h5: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h6: {
       fontWeight: "bold",
-      color:"#000000"
+      color: "#000000"
     }
   }
 });