Checkbox design issue

[shruti_nair]

Hi

I need to increase the height ,width of a checkbox in android.
i have done the same on iOS,but unable to produce the desired result in android.
i'm attaching screenshot of the emulator.the checkbox appears tiny on the device inside the black outline.

Please suggest a solution.

the checkbox:

xtype: 'checkboxfield',                            name : 'termsandconditions',
                            id:'termsandconditions', 
                            cls:'termsandconditions', 
                            value: 'termsandconditions',
                            style:{height:'30px',width:'30px'}

the css:

.termsandconditions{
height: 36px!important;
width: 34px!important;
	
}
.termsandconditions .x-input-checkbox
{
height: 27px!important;
margin-top: 4px;
outline: 1pxblacksolid;
display: inline;
width: 30px;
margin-left: 3px!important;
}

The screenshot:current.png