diff --git a/src/core/renderers/webgl/managers/FilterManager.js b/src/core/renderers/webgl/managers/FilterManager.js
index b019583..28282b8 100644
--- a/src/core/renderers/webgl/managers/FilterManager.js
+++ b/src/core/renderers/webgl/managers/FilterManager.js
@@ -74,7 +74,7 @@
 
         // for now we go off the filter of the first resolution..
         let resolution = filters[0].resolution;
-        let padding = filters[0].padding;
+        let padding = filters[0].padding | 0;
         let targetBounds = target.filterArea || target.getBounds(true);
         let sourceFrame = currentState.sourceFrame;
         let destinationFrame = currentState.destinationFrame;
@@ -84,6 +84,10 @@
         sourceFrame.width = ((targetBounds.width * resolution) | 0) / resolution;
         sourceFrame.height = ((targetBounds.height * resolution) | 0) / resolution;
 
+          // lets pplay the padding After we fit the element to the screen.
+        // this should stop the strange side effects that can occour when cropping to the edges
+        sourceFrame.pad(padding);
+
         if(filterData.stack[0].renderTarget.transform)
         {//jshint ignore:line
 
@@ -102,7 +106,7 @@
 
         // lets pplay the padding After we fit the element to the screen.
         // this should stop the strange side effects that can occour when cropping to the edges
-        sourceFrame.pad(padding);
+
 
         let renderTarget = this.getPotRenderTarget(renderer.gl, sourceFrame.width, sourceFrame.height, resolution);
 
@@ -143,7 +147,7 @@
             let flop = this.getPotRenderTarget(this.renderer.gl, currentState.sourceFrame.width, currentState.sourceFrame.height, 1);
             flop.setFrame(currentState.destinationFrame, currentState.sourceFrame);
 
-            let i; 
+            let i;
 
             for (i = 0; i < filters.length-1; i++)
             {