create themeWrapper to be used as wrapper

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',

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;

platform/ui/src/components/ThemeWrapper/index.js

@@ -0,0 +1,2 @@
+import ThemeWrapper from './ThemeWrapper';
+export default ThemeWrapper;

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: {