diff --git a/examples/.storybook/decorator-centered.js b/examples/.storybook/decorator-centered.js
index b1d7978e..8c58ddc1 100644
--- a/examples/.storybook/decorator-centered.js
+++ b/examples/.storybook/decorator-centered.js
@@ -9,6 +9,10 @@ const styles = StyleSheet.create({
   }
 });
 
-export default function (storyFn) {
-  return <View style={[ StyleSheet.absoluteFill, styles.root ]}>{storyFn()}</View>;
+export default function (renderStory) {
+  return (
+    <View style={[ StyleSheet.absoluteFill, styles.root ]}>
+      {renderStory()}
+    </View>
+  );
 }
diff --git a/examples/Text/TextExample.js b/examples/Text/TextExample.js
index 6da259f4..1f88736f 100644
--- a/examples/Text/TextExample.js
+++ b/examples/Text/TextExample.js
@@ -271,7 +271,7 @@ const examples = [
         <Text>
           auto (default) - english LTR
         </Text>
-        <Text>
+        <Text style={{ writingDirection: 'rtl' }}>
           أحب اللغة العربية auto (default) - arabic RTL
         </Text>
         <Text style={{textAlign: 'left'}}>
@@ -467,5 +467,6 @@ var styles = StyleSheet.create({
 
 examples.forEach((example) => {
   storiesOf('<Text>', module)
+    .addDecorator((renderStory) => <View style={{ width: 320 }}>{renderStory()}</View>)
     .add(example.title, () => example.render())
 })