diff --git a/components/doc/button/theming/tailwinddoc.js b/components/doc/button/theming/tailwinddoc.js
index e6bc6dedcb..6f5669874d 100644
--- a/components/doc/button/theming/tailwinddoc.js
+++ b/components/doc/button/theming/tailwinddoc.js
@@ -37,9 +37,9 @@ const Tailwind = {
                 },
                 { 'shadow-lg': props.raised && props.text },
                 {
-                    'text-gray-500 hover:bg-gray-300/20': props.plain & props.text,
-                    'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain & props.outlined,
-                    'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain & !props.outlined & !props.text
+                    'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+                    'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+                    'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
                 },
                 {
                     'bg-transparent border': props.outlined && !props.plain,
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index d886bb9bde..5b1134529a 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -660,9 +660,9 @@ const Tailwind = {
                 },
                 { 'shadow-lg': props.raised && props.text },
                 {
-                    'text-gray-500 hover:bg-gray-300/20': props.plain & props.text,
-                    'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain & props.outlined,
-                    'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain & !props.outlined & !props.text
+                    'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+                    'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+                    'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
                 },
                 {
                     'bg-transparent border': props.outlined && !props.plain,