ScrollableView

So i set up a ScrollableView and for some reason the arrorws are showing up as blurred squares, anybody sure of what today. Its android sdk 4.2.2

function createAndroidCoverFlow(){  
                var overallView = Ti.UI.createView({
                height:Ti.UI.SIZE
            });
                var foodView = Ti.UI.createView({
                height:Ti.UI.SIZE
            });
                var fitnessView = Ti.UI.createView({
                height:Ti.UI.SIZE
            });
 
                var wellbeingView = Ti.UI.createView({
                height:Ti.UI.SIZE
            });
 
                var progressView = Ti.UI.createView({
                height:Ti.UI.SIZE
            });
            var overallImg = Ti.UI.createView({ backgroundImage:'/images/badges/overall-'+levels.overall.level+'.png', width:180, height:180});
            overallView.add(overallImg);
 
            var foodImg = Ti.UI.createView({backgroundImage:'/images/badges/food-'+levels.food.level+'.png', width:180, height:180});
            foodView.add(foodImg);
 
            var fitnessImg = Ti.UI.createView({backgroundImage:'/images/badges/fitness-'+levels.fitness.level+'.png', width:180, height:180 });
            fitnessView.add(fitnessImg);
 
            var wellbeingImg = Ti.UI.createView({ backgroundImage:'/images/badges/wellbeing-'+levels.wellbeing.level+'.png', width:180, height:180 });
            wellbeingView.add(wellbeingImg);
 
            var progressImg = Ti.UI.createView({backgroundImage:'/images/badges/progress-'+levels.progress.level+'.png', width:180, height:180 });
            progressView.add(progressImg);
 
 
            var scrollableView = Ti.UI.createScrollableView({
              views:[overallView,foodView,fitnessView,wellbeingView,progressView],
              showPagingControl:true,
            });
            scrollableView.addEventListener('scroll', updateLevelInfo);
            $.coverFlowWrapp.add(scrollableView);
    };