diff --git a/dashboard/src/style/docs.pcss b/dashboard/src/style/docs.pcss
index 2bb3e17f..df8e5e72 100644
--- a/dashboard/src/style/docs.pcss
+++ b/dashboard/src/style/docs.pcss
@@ -2,8 +2,10 @@
   & .router-link-active {
     @apply underline;
   }
+}
 
-  &.closed:not(:focus-within) {
-    @apply sr-only;
+@screen until-sm {
+  .docs-sidebar.closed:not(:focus-within) {
+      @apply sr-only;
   }
 }
diff --git a/dashboard/tailwind.config.js b/dashboard/tailwind.config.js
index 310c3eec..f1ea9292 100644
--- a/dashboard/tailwind.config.js
+++ b/dashboard/tailwind.config.js
@@ -9,6 +9,14 @@ module.exports = {
         full: '0 0 100%',
         flexible: '1 1 0'
       }
+    },
+    screens: {
+      sm: '640px',
+      'until-sm': { max: '639px' },
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+      '2xl': '1536px'
     }
   },
   variants: {},