diff --git a/tailwind.config.js b/tailwind.config.js
index 0f0a8ab3..96481625 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,5 @@
 /** @type {import('tailwindcss').Config} */
+import defaultTheme from "tailwindcss/defaultTheme";
 
 module.exports = {
   darkMode: ["class", '[data-theme="dark"]'],
@@ -50,6 +51,10 @@ module.exports = {
     fontFamily: {
       sans: ['"DM Sans"', "system-ui"],
     },
+    screens: {
+      "xs": { max: "576px" },
+      ...defaultTheme.screens,
+    },
   },
   plugins: [require("@tailwindcss/typography")],
 };