diff --git a/README.md b/README.md
index 2e5e2b9..fce0ce8 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ Remove any overflow style properties from your content root component - The cust
import CustomScroll from 'react-custom-scroll';
```
-```html
+```jxs
your content
@@ -63,7 +63,7 @@ This prop will override any value given to heightRelativeToParent when setting t
##### Example for heightRelativeToParent
-```html
+```jxs
your content
@@ -82,7 +82,7 @@ starting with lower case causes JSX to treat the tag as a native dom element
##### See a [demo with Flex](http://rommguy.github.io/react-custom-scroll/example/demo.html?flex=true) ###
There are some details that apply when using customScroll on elements with size set by css flex.
Here is an example for an HTML structure before using customScroll:
-```html
+```jxs
@@ -99,7 +99,7 @@ There are 2 options to use customScroll with this structure:
- Wrapping the content:
For this solution, the overflow property should be removed from the flex size element, since the customScroll will take care of that.
Instead, min-height and min-width should be set to 0.
-```html
+```jxs
@@ -112,7 +112,7 @@ Instead, min-height and min-width should be set to 0.
min-height and min-width are required since flex won't shrink below it's minimum content size ([flex box spec](https://www.w3.org/TR/css-flexbox/#flex-common)).
- Replacing the flex-size element with customScroll
-```html
+```jxs