diff --git a/tailwind.config.js b/tailwind.config.js
index 28fca2c6eca..efa20d3f6b3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,6 +5,16 @@ module.exports = {
         './resources/**/*.{html,js,vue,blade.php}',
         './tests/**/*.{html,vue,blade.php}'
     ],
+    safelist: [
+        {
+            pattern: /m[l|r]-(?:[0-9]|10|11|12|14|16)$/,
+            variants: ['md', 'lg', 'xl']
+        },
+        {
+            pattern: /p[x|y]-(?:[0-9]|10|11|12|14|16)$/,
+            variants: ['md', 'lg', 'xl']
+        },
+    ],
     theme: {
         colors: {
             transparent: 'transparent',