diff --git a/platform/ui/src/components/Button/Button.jsx b/platform/ui/src/components/Button/Button.jsx
index ef18c6e8f..73ae10a97 100644
--- a/platform/ui/src/components/Button/Button.jsx
+++ b/platform/ui/src/components/Button/Button.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const baseClasses =
-  'leading-none font-sans text-center justify-center items-center outline-none transition duration-300 ease-in-out focus:outline-none';
+  'min-w-md leading-none font-sans text-center justify-center items-center outline-none transition duration-300 ease-in-out focus:outline-none';
 
 const defaults = {
   variant: 'contained',
diff --git a/platform/ui/src/components/ThemeWrapper/ThemeWrapper.js b/platform/ui/src/components/ThemeWrapper/ThemeWrapper.js
new file mode 100644
index 000000000..adb899db6
--- /dev/null
+++ b/platform/ui/src/components/ThemeWrapper/ThemeWrapper.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import '../../gatsby-theme-docz/tailwind.css';
+
+const ThemeWrapper = ({ children }) => (
+  <React.Fragment>{children}</React.Fragment>
+);
+
+export default ThemeWrapper;
diff --git a/platform/ui/src/components/ThemeWrapper/index.js b/platform/ui/src/components/ThemeWrapper/index.js
new file mode 100644
index 000000000..1b17ebfa3
--- /dev/null
+++ b/platform/ui/src/components/ThemeWrapper/index.js
@@ -0,0 +1,2 @@
+import ThemeWrapper from './ThemeWrapper';
+export default ThemeWrapper;
diff --git a/platform/ui/tailwind.config.js b/platform/ui/tailwind.config.js
index 6940af406..35be280c2 100644
--- a/platform/ui/tailwind.config.js
+++ b/platform/ui/tailwind.config.js
@@ -365,6 +365,11 @@ module.exports = {
     },
     minWidth: {
       '0': '0',
+      xs: '2rem',
+      sm: '4rem',
+      md: '6rem',
+      lg: '8rem',
+      xl: '10rem',
       full: '100%',
     },
     objectPosition: {