diff --git a/Components/Widgets/Checkbox.js b/Components/Widgets/Checkbox.js
index a3ced9695..6963c5b3a 100644
--- a/Components/Widgets/Checkbox.js
+++ b/Components/Widgets/Checkbox.js
@@ -4,7 +4,7 @@
 import React from 'react';
 import {TouchableOpacity, Platform} from 'react-native';
 import NativeBaseComponent from '../Base/NativeBaseComponent';
-import Icon from './Icon';
+import Icon from 'react-native-vector-icons/Ionicons';
 
 export default class CheckBox extends NativeBaseComponent {
 
diff --git a/Components/Widgets/Radio.js b/Components/Widgets/Radio.js
index 84d2a2f2a..f9667aafa 100644
--- a/Components/Widgets/Radio.js
+++ b/Components/Widgets/Radio.js
@@ -4,7 +4,7 @@
 import React from 'react';
 import {TouchableOpacity, Platform} from 'react-native';
 import NativeBaseComponent from '../Base/NativeBaseComponent';
-import Icon from './Icon';
+import Icon from 'react-native-vector-icons/Ionicons';
 
 export default class Radio extends NativeBaseComponent {
 
@@ -17,12 +17,12 @@ export default class Radio extends NativeBaseComponent {
     render() {
         return(
             <TouchableOpacity {...this.props} >
-            {(Platform.OS === 'ios') ?
-            <Icon name={this.props.selected ? 'ios-radio-button-on' : 'ios-radio-button-off-outline'} style={{color:  this.props.selected ? this.getTheme().radioSelectedColor : this.getTheme().radioColor, lineHeight: this.getTheme().radioBtnSize+4, fontSize: this.getTheme().radioBtnSize}} />
-            :
-            <Icon name={this.props.selected ? 'md-radio-button-on' : 'md-radio-button-off'} style={{color: this.props.selected ? this.getTheme().radioSelectedColor : this.getTheme().radioColor, lineHeight: this.getTheme().radioBtnSize+1, fontSize: this.getTheme().radioBtnSize}} />
-            }
-        </TouchableOpacity>
+                {(Platform.OS === 'ios') ?
+                <Icon name={this.props.selected ? 'ios-radio-button-on' : 'ios-radio-button-off-outline'} style={{color:  this.props.selected ? this.getTheme().radioSelectedColor : this.getTheme().radioColor, lineHeight: this.getTheme().radioBtnSize+4, fontSize: this.getTheme().radioBtnSize}} />
+                :
+                <Icon name={this.props.selected ? 'md-radio-button-on' : 'md-radio-button-off'} style={{color: this.props.selected ? this.getTheme().radioSelectedColor : this.getTheme().radioColor, lineHeight: this.getTheme().radioBtnSize+1, fontSize: this.getTheme().radioBtnSize}} />
+                }
+            </TouchableOpacity>
         );
     }
 }