diff --git a/css/style.css b/css/style.css
index 7859b01a..1566a0b1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -127,7 +127,7 @@ ul, li {
   z-index: 1;
 }
 
-.canvas-main {
+.drawing-canvas {
   position: absolute;
   top: 0;
   left: 0;
diff --git a/js/controller/DrawingController.js b/js/controller/DrawingController.js
index e90f4c67..3752bd52 100644
--- a/js/controller/DrawingController.js
+++ b/js/controller/DrawingController.js
@@ -33,7 +33,7 @@
 
 	ns.DrawingController.prototype.createMainCanvas = function () {
 		var mainCanvas = this.createCanvas();
-		mainCanvas.className = "canvas-main";
+		mainCanvas.className = "drawing-canvas";
 		this.container.appendChild(mainCanvas);
 		return mainCanvas;
 	};
diff --git a/js/piskel.js b/js/piskel.js
index f8ea4b53..f2777ce1 100644
--- a/js/piskel.js
+++ b/js/piskel.js
@@ -263,7 +263,7 @@ $.namespace("pskl");
     },
 
     getRelativeCoordinates : function (x, y) {
-      var canvasRect = $(".canvas-main")[0].getBoundingClientRect();
+      var canvasRect = $(".drawing-canvas")[0].getBoundingClientRect();
       return {
         x : x - canvasRect.left,
         y : y - canvasRect.top