diff --git a/docs/src/assets/devtomaterial.png b/docs/src/assets/devtomaterial.png
new file mode 100644
index 00000000..f05b9aa2
Binary files /dev/null and b/docs/src/assets/devtomaterial.png differ
diff --git a/docs/src/components/PlatformButton.js b/docs/src/components/PlatformButton.js
index 392e8e94..020e842d 100644
--- a/docs/src/components/PlatformButton.js
+++ b/docs/src/components/PlatformButton.js
@@ -45,14 +45,16 @@ class Section extends Component {
width: width ? width : 175,
backgroundColor,
borderRadius: 10,
+ marginBottom: 16,
+ padding: 16,
}}
rippleContainerBorderRadius={10}>
diff --git a/docs/src/pages/showcase.js b/docs/src/pages/showcase.js
index 4810e069..57602756 100644
--- a/docs/src/pages/showcase.js
+++ b/docs/src/pages/showcase.js
@@ -11,6 +11,7 @@ import {
} from '@components';
import materialBread from '../assets/material-bread-docs.png';
import rni from '../assets/rni.png';
+import devtomaterial from '../assets/devtomaterial.png';
class Index extends Component {
componentDidMount() {
@@ -36,7 +37,7 @@ class Index extends Component {
text={'Material Bread'}
width={250}
imgWidth={200}
- height={200}
+ height={225}
platforms={['Website']}
/>
@@ -46,9 +47,19 @@ class Index extends Component {
text={'React Native Infinity'}
width={250}
imgWidth={200}
- height={200}
+ height={225}
platforms={['Website']}
/>
+
+