diff --git a/example/lib/src/RadioButtonGroup.style.js b/example/lib/src/RadioButtonGroup.style.js
index ee0c2b2..52e0e11 100644
--- a/example/lib/src/RadioButtonGroup.style.js
+++ b/example/lib/src/RadioButtonGroup.style.js
@@ -1,10 +1,10 @@
 export const _eachContainer = (horizontal) => ({
-  marginTop: !horizontal && 8,
-  marginLeft: horizontal && 12,
+  marginTop: horizontal ? 0 : 8,
+  marginLeft: horizontal ? 12 : 0,
 });
 
 export const _container = (horizontal) => ({
-  flexDirection: horizontal && "row",
+  flexDirection: horizontal ? "row" : "column",
 });
 
 export default {};
diff --git a/example/package.json b/example/package.json
index 38d1466..0680932 100644
--- a/example/package.json
+++ b/example/package.json
@@ -13,7 +13,7 @@
     "react": "16.13.1",
     "react-native": "0.63.0",
     "react-native-animatable": "^1.3.3",
-    "react-native-animated-radio-button": "0.0.4"
+    "react-native-animated-radio-button": "0.1.1"
   },
   "devDependencies": {
     "@babel/core": "^7.8.4",
diff --git a/lib/src/RadioButtonGroup.style.js b/lib/src/RadioButtonGroup.style.js
index ee0c2b2..52e0e11 100644
--- a/lib/src/RadioButtonGroup.style.js
+++ b/lib/src/RadioButtonGroup.style.js
@@ -1,10 +1,10 @@
 export const _eachContainer = (horizontal) => ({
-  marginTop: !horizontal && 8,
-  marginLeft: horizontal && 12,
+  marginTop: horizontal ? 0 : 8,
+  marginLeft: horizontal ? 12 : 0,
 });
 
 export const _container = (horizontal) => ({
-  flexDirection: horizontal && "row",
+  flexDirection: horizontal ? "row" : "column",
 });
 
 export default {};
diff --git a/package.json b/package.json
index 7c2ab34..4ec1a2a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-animated-radio-button-group",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Fully customizable, animated & easy to use radio button group",
   "keywords": [
     "animated",