diff --git a/README.md b/README.md
index c04f6240..077e1bf3 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# React Native Markdown Display [![npm version](https://badge.fury.io/js/react-native-markdown-display.svg)](https://badge.fury.io/js/react-native-markdown-display) [![Known Vulnerabilities](https://snyk.io/test/github/iamacup/react-native-markdown-display/badge.svg)](https://snyk.io/test/github/iamacup/react-native-markdown-display)
+# React Native Markdown Display [![npm version](https://badge.fury.io/js/@ronradtke%2Freact-native-markdown-display.svg)](https://badge.fury.io/js/@ronradtke%2Freact-native-markdown-display) [![Known Vulnerabilities](https://snyk.io/test/github/iamacup/react-native-markdown-display/badge.svg)](https://snyk.io/test/github/iamacup/react-native-markdown-display)
 
 It a 100% compatible CommonMark renderer, a react-native markdown renderer done right. This is __not__ a web-view markdown renderer but a renderer that uses native components for all its elements. These components can be overwritten and styled as needed.
 
@@ -10,12 +10,12 @@ This is intended to be a replacement for react-native-markdown-renderer, with a
 
 #### Yarn
 ```npm
-yarn add react-native-markdown-display
+yarn add @ronradtke/react-native-markdown-display
 ```
 
 #### NPM
 ```npm
-npm install -S react-native-markdown-display
+npm install -S @ronradtke/react-native-markdown-display
 ```
 
 ### Get Started
@@ -24,7 +24,7 @@ npm install -S react-native-markdown-display
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar } from 'react-native';
 
-import Markdownfrom '@ronradtke/react-native-markdown-display';
+import Markdown from '@ronradtke/react-native-markdown-display';
 
 const copy = `# h1 Heading 8-)
 
@@ -847,7 +847,7 @@ Think of the implementation like applying styles in CSS. changes to the `body` e
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar } from 'react-native';
 
-import Markdownfrom '@ronradtke/react-native-markdown-display';
+import Markdown from '@ronradtke/react-native-markdown-display';
 
 const copy = `
 This is some text which is red because of the body style, which is also really small!
@@ -910,7 +910,7 @@ Styles are used to override how certain rules are styled. The existing implement
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar, StyleSheet } from 'react-native';
 
-import Markdownfrom '@ronradtke/react-native-markdown-display';
+import Markdown from '@ronradtke/react-native-markdown-display';
 
 const styles = StyleSheet.create({
   heading1: {
@@ -984,7 +984,7 @@ Rules are used to specify how you want certain elements to be displayed. The exi
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar, Text } from 'react-native';
 
-import Markdownfrom '@ronradtke/react-native-markdown-display';
+import Markdown from '@ronradtke/react-native-markdown-display';
 
 const rules = {
     heading1: (node, children, parent, styles) =>
@@ -1093,7 +1093,7 @@ It is possible to overwrite this behaviour in one of two ways:
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar } from 'react-native';
 
-import Markdownfrom '@ronradtke/react-native-markdown-display';
+import Markdown from '@ronradtke/react-native-markdown-display';
 
 const copy = `[This is a link!](https://github.com/iamacup/react-native-markdown-display/)`;
 
@@ -1145,7 +1145,7 @@ Something like this with `yourCustomHandlerFunctionOrLogicHere`:
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar, Text } from 'react-native';
 
-import Markdownfrom '@ronradtke/react-native-markdown-display';
+import Markdown from '@ronradtke/react-native-markdown-display';
 
 const copy = `[This is a link!](https://github.com/iamacup/react-native-markdown-display/)`;
 
diff --git a/package.json b/package.json
index ecca5dfd..618b3396 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ronradtke/react-native-markdown-display",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "description": "Markdown renderer for react-native, with CommonMark spec support + adds syntax extensions & sugar (URL autolinking, typographer), originally created by Mient-jan Stelling as react-native-markdown-renderer",
   "main": "src/index.js",
   "types": "src/index.d.ts",
diff --git a/src/lib/renderRules.js b/src/lib/renderRules.js
index 3c8e10b4..7b1ed540 100644
--- a/src/lib/renderRules.js
+++ b/src/lib/renderRules.js
@@ -7,7 +7,7 @@ import hasParents from './util/hasParents';
 
 import textStyleProps from './data/textStyleProps';
 
-const renderRules = (Text: Component) => ({
+const renderRules = (Text) => ({
   // when unknown elements are introduced, so it wont break
   unknown: (node, children, parent, styles) => null,
 
diff --git a/src/lib/styles.js b/src/lib/styles.js
index 27424acc..f215d408 100644
--- a/src/lib/styles.js
+++ b/src/lib/styles.js
@@ -92,7 +92,7 @@ export const styles = {
     borderRadius: 4,
     ...Platform.select({
       ['ios']: {
-        fontFamily: 'Courier',
+        fontFamily: 'Courier New',
       },
       ['android']: {
         fontFamily: 'monospace',
@@ -107,7 +107,7 @@ export const styles = {
     borderRadius: 4,
     ...Platform.select({
       ['ios']: {
-        fontFamily: 'Courier',
+        fontFamily: 'Courier New',
       },
       ['android']: {
         fontFamily: 'monospace',
@@ -122,7 +122,7 @@ export const styles = {
     borderRadius: 4,
     ...Platform.select({
       ['ios']: {
-        fontFamily: 'Courier',
+        fontFamily: 'Courier New',
       },
       ['android']: {
         fontFamily: 'monospace',