diff --git a/assets/css/app.css b/assets/css/app.css
index dcb1bc622..96a2cf6e5 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -2,7 +2,6 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-@import "./global.css";
 @import "./components.css";
 @import "./utilities.css";
 @import "./live_view.css";
diff --git a/assets/css/global.css b/assets/css/global.css
deleted file mode 100644
index e1fc26745..000000000
--- a/assets/css/global.css
+++ /dev/null
@@ -1,20 +0,0 @@
-@layer base {
-  body {
-    font-family:
-      "Inter",
-      system-ui,
-      -apple-system,
-      "Segoe UI",
-      Roboto,
-      Helvetica,
-      Arial,
-      sans-serif,
-      "Apple Color Emoji",
-      "Segoe UI Emoji";
-  }
-
-  menu {
-    margin: 0;
-    padding: 0;
-  }
-}
diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index 7622d43ad..f02ce1a15 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -1,3 +1,4 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
 const plugin = require("tailwindcss/plugin");
 
 module.exports = {
@@ -10,8 +11,8 @@ module.exports = {
   ],
   theme: {
     fontFamily: {
-      sans: ["Inter"],
-      mono: ["JetBrains Mono", "monospace"],
+      sans: ["Inter", ...defaultTheme.fontFamily.sans],
+      mono: ["JetBrains Mono", ...defaultTheme.fontFamily.mono],
       logo: ["Red Hat Text"],
     },
     extend: {