diff --git a/platform/features/layout/res/templates/elements/box.html b/platform/features/layout/res/templates/elements/box.html
index 5938549bad..58ecf860d7 100644
--- a/platform/features/layout/res/templates/elements/box.html
+++ b/platform/features/layout/res/templates/elements/box.html
@@ -1,3 +1,3 @@
-<div ng-style="{ background: ngModel.fill }"
+<div ng-style="{ background: ngModel.element.fill }"
      style="width: 100%; height: 100%;">
 </div>
\ No newline at end of file
diff --git a/platform/features/layout/res/templates/elements/line.html b/platform/features/layout/res/templates/elements/line.html
index 690fd1a9db..524cd451ca 100644
--- a/platform/features/layout/res/templates/elements/line.html
+++ b/platform/features/layout/res/templates/elements/line.html
@@ -1,9 +1,9 @@
 <svg ng-attr-width="{{parameters.gridSize[0] * ngModel.width()}}"
      ng-attr-height="{{parameters.gridSize[1] * ngModel.height()}}">
-    <line ng-attr-x1="{{parameters.gridSize[0] * ngModel.x1()}}"
-          ng-attr-y1="{{parameters.gridSize[1] * ngModel.y1()}}"
-          ng-attr-x2="{{parameters.gridSize[0] * ngModel.x2()}}"
-          ng-attr-y2="{{parameters.gridSize[1] * ngModel.y2()}}"
+    <line ng-attr-x1="{{parameters.gridSize[0] * ngModel.x1() + 1}}"
+          ng-attr-y1="{{parameters.gridSize[1] * ngModel.y1() + 1}}"
+          ng-attr-x2="{{parameters.gridSize[0] * ngModel.x2() + 1}}"
+          ng-attr-y2="{{parameters.gridSize[1] * ngModel.y2() + 1}}"
           stroke="lightgray"
           stroke-width="2">
     </line>
diff --git a/platform/features/layout/src/elements/ElementFactory.js b/platform/features/layout/src/elements/ElementFactory.js
index bb85efdec3..4ad229e30a 100644
--- a/platform/features/layout/src/elements/ElementFactory.js
+++ b/platform/features/layout/src/elements/ElementFactory.js
@@ -12,10 +12,10 @@ define(
                     border: "transparent"
                 },
                 "fixed.line": {
-                    x: 0,
-                    y: 0,
-                    x2: 5,
-                    y2: 3
+                    x: 5,
+                    y: 9,
+                    x2: 6,
+                    y2: 6
                 },
                 "fixed.text": {
                     fill: "transparent",
diff --git a/platform/features/layout/src/elements/LineProxy.js b/platform/features/layout/src/elements/LineProxy.js
index f5c3d6bc65..fbba73abdb 100644
--- a/platform/features/layout/src/elements/LineProxy.js
+++ b/platform/features/layout/src/elements/LineProxy.js
@@ -32,11 +32,11 @@ define(
             };
 
             proxy.width = function () {
-                return Math.max(element.x, element.x2) - proxy.x();
+                return Math.max(Math.abs(element.x - element.x2), 1);
             };
 
             proxy.height = function () {
-                return Math.max(element.y, element.y2) - proxy.y();
+                return Math.max(Math.abs(element.y - element.y2), 1);
             };
 
             proxy.x1 = function () {