diff --git a/app/assets/javascripts/projects/canvas.js b/app/assets/javascripts/projects/canvas.js
index a2ff75cd7..2d3be3200 100644
--- a/app/assets/javascripts/projects/canvas.js
+++ b/app/assets/javascripts/projects/canvas.js
@@ -78,11 +78,11 @@ var GRID_DIST_SMALL_Y = 100;
   UPDATE my_modules SET x=x*32, y=y*16
   themodel.connection.execute("UPDATE my_modules SET x=x*32, y=y*16")
 */
-var GRID_DIST_FULL_X = 12;
-var GRID_DIST_FULL_Y = 12;
-var GRID_DIST_MEDIUM_X = 8;
-var GRID_DIST_MEDIUM_Y = 8;
-var GRID_DIST_SMALL_X = 5;
+var GRID_DIST_FULL_X = 10;
+var GRID_DIST_FULL_Y = 10;
+var GRID_DIST_MEDIUM_X = 7.3;
+var GRID_DIST_MEDIUM_Y = 4;
+var GRID_DIST_SMALL_X = 2.4;
 var GRID_DIST_SMALL_Y = 5;
 var SUBMIT_FORM_NAME_SEPARATOR = "|";
 
diff --git a/app/assets/stylesheets/projects.scss b/app/assets/stylesheets/projects.scss
index a4cf5e8bc..40d012502 100644
--- a/app/assets/stylesheets/projects.scss
+++ b/app/assets/stylesheets/projects.scss
@@ -159,10 +159,10 @@ path, ._jsPlumb_endpoint {
   }
 }
 .module {
-  width: 250px;
   cursor: pointer;
-  position: absolute;
   display: block;
+  position: absolute;
+  width: 290px;
 
   .panel-heading {
     height: 40px;
@@ -173,7 +173,7 @@ path, ._jsPlumb_endpoint {
     }
   }
   .panel-body {
-    height: 45px;
+    height: 90px;
   }
 
   .ep {