From 1bfab98db539bcbaa551ee7983187866cd086b50 Mon Sep 17 00:00:00 2001
From: alinais <alina.is@gmail.com>
Date: Wed, 19 Sep 2018 20:55:52 +0200
Subject: [PATCH] updating some styles according with latest changes

---
 docs/src/views/Theming.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/docs/src/views/Theming.tsx b/docs/src/views/Theming.tsx
index 2a72283a2a..6a973c04d3 100644
--- a/docs/src/views/Theming.tsx
+++ b/docs/src/views/Theming.tsx
@@ -134,16 +134,14 @@ export default () => (
     <ExampleSnippet
       value={[
         `<Button`,
-        `  icon="user"`,
+        `  icon={{ name: "user", styles: { borderBottom: '4px solid red' } }}`,
         `  content="Profile"`,
-        `  styles={{ icon: { borderBottom: '4px solid red' } }}`,
         `/>`,
       ].join('\n')}
       render={() => (
         <Button
-          icon="user"
+          icon={{ name: 'user', styles: { borderBottom: '4px solid red' } }}
           content="Profile"
-          styles={{ icon: { borderBottom: '4px solid red' } }}
         />
       )}
     />
@@ -156,9 +154,9 @@ export default () => (
       value={[
         `const style = { color: 'green' }`,
         ``,
-        `<Text styles={{ root: { style } }}>This is green text</Text>`,
+        `<Text styles={{ style }}>This is green text</Text>`,
       ].join('\n')}
-      render={() => <Text styles={{ root: { color: 'green' } }}>This is green text.</Text>}
+      render={() => <Text styles={{ color: 'green' }}>This is green text.</Text>}
     />
   </DocPage>
 )