diff --git a/public/js/lib/models/arrow.js b/public/js/lib/models/arrow.js
index 6155395..c3f7977 100644
--- a/public/js/lib/models/arrow.js
+++ b/public/js/lib/models/arrow.js
@@ -68,6 +68,7 @@ if (!('CSSArrowPlease' in window)) window.CSSArrowPlease = {};
       css += '\theight: 0;\n';
       css += '\twidth: 0;\n';
       css += '\tposition: absolute;\n';
+      css += '\tpointer-events: none;\n';
 
       css += '}\n';
 
@@ -134,7 +135,7 @@ if (!('CSSArrowPlease' in window)) window.CSSArrowPlease = {};
       if (borderWidth > 0) {
         css = this._arrowCSS(
           this.get('borderColor'),
-          this.get('size') + (borderWidth * 2),
+          this.get('size') + (borderWidth * 1.41421356), // cos(PI/4) * 2
           'before'
         );
       }
diff --git a/public/js/spec/models/arrow_spec.js b/public/js/spec/models/arrow_spec.js
index 11ec54a..feeb712 100644
--- a/public/js/spec/models/arrow_spec.js
+++ b/public/js/spec/models/arrow_spec.js
@@ -245,7 +245,7 @@ describe("CSSArrowPlease.Arrow", function () {
 
         expect( arrow._arrowCSS ).toHaveBeenCalledWith( 
           arrow.get('borderColor'),
-          arrow.get('size') + (arrow.get('borderWidth') * 2),
+          arrow.get('size') + (arrow.get('borderWidth') * 1.41421356),
           'before'
         );
       });