diff --git a/tailwind.config.js b/tailwind.config.js
index 952543ec..6eaed91f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,6 @@
 /** @type {import('tailwindcss').Config} */
+import defaultTheme from "tailwindcss/defaultTheme";
+
 module.exports = {
   darkMode: ["class", '[data-theme="dark"]'],
   content: ["./src/**/*.{js,jsx,ts,tsx,svg}", "./docusaurus.config.js"],
@@ -46,6 +48,10 @@ module.exports = {
     fontFamily: {
       sans: ['"DM Sans"', "system-ui"],
     },
+    screens: {
+      "xs": { max: "576px" },
+      ...defaultTheme.screens,
+    },
   },
   plugins: [require("@tailwindcss/typography")],
 };