diff --git a/website/src/app.css b/website/src/app.css
index b2400485..360452e3 100644
--- a/website/src/app.css
+++ b/website/src/app.css
@@ -109,6 +109,8 @@
  --color-sidebar-ring: var(--sidebar-ring);
  --color-support: var(--support);
  --color-link: var(--link);
+
+ --breakpoint-xs: 540px;
 }
  
 @layer base {
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
index e0d5dd9c..6395a3e0 100644
--- a/website/tailwind.config.js
+++ b/website/tailwind.config.js
@@ -53,9 +53,6 @@ const config = {
             fontFamily: {
                 sans: [...fontFamily.sans],
             },
-            screens: {
-                xs: '540px',
-            },
             keyframes: {
                 'accordion-down': {
                     from: { height: '0' },