css - gulp-less, browserSync setup reloads after injection -

for life of me, cannot somehow find wrong configuration! after injecting master.css changes, instead of reflecting changes, browser window automatically reloads although says "injected". please help? have gulpfile.js following configuration:

var paths = { master: {     styles: 'default/less/master.less', }, watch: {     styles: 'default/less/**/*.less', }, dist: {     styles: 'default/less', } }; 

less task:

gulp.task('less', function(){ 'use strict'; gulp.src(paths.master.styles) .pipe(sourcemaps.init()) .pipe(plumber()) .pipe(less({compress:false}))  .on('error', function (err) {         gutil.log(err);         this.emit('end');  })  .pipe(autoprefix())  .pipe(sourcemaps.write('../sourcemaps', {     includecontent: false, // otherwise css included     sourceroot: paths.dist.styles })) .pipe(gulp.dest(paths.dist.styles)) .on('error', gutil.log) .pipe(browsersync.stream()); }); 

browsersync task:

gulp.task('browser-sync', ['less'], function() { 'use strict'; browsersync.init({     proxy: "http://mywebsite.local",     stream:true }); gulp.watch(paths.watch.styles, ['less']); }); 

and @ end:

gulp.task('default', ['less', 'browser-sync']); 

i see notification changes injected, terminal says master.css , master.css.map changed , changes in less file reflected well, somehow browser reloads don't want @ css compilation.