diff --git a/resources/css/app.css b/resources/css/app.css
index b5c61c956..7eae4fea0 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
index 02046dc3c..4c1a60788 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -42,20 +42,9 @@ module.exports = {
       textColor: ({ theme }) => theme("colors.publiq-gray-dark"),
       fontFamily: {
         sans: [
-          "ui-sans-serif",
-          "system-ui",
-          "-apple-system",
-          "BlinkMacSystemFont",
-          "Segoe UI",
           "Roboto",
-          "Helvetica Neue",
-          "Arial",
-          "Noto Sans",
-          "sans-serif",
-          "Apple Color Emoji",
-          "Segoe UI Emoji",
-          "Segoe UI Symbol",
-          "Noto Color Emoji",
+          "Helvetica",
+          "sans-serif"
         ],
       },
     },