diff --git a/src/layout/LayoutElement.tsx b/src/layout/LayoutElement.tsx
index 59a4e431632611bbe54335fdd60dce4527e1ff9f..6eb2dbf475f8bd61bd188389ee944d012efeae88 100644
--- a/src/layout/LayoutElement.tsx
+++ b/src/layout/LayoutElement.tsx
@@ -1,9 +1,16 @@
 import React from 'react';
+import {PanelDefinition} from "../types/LayoutConfig";
 
-const LayoutElement = (props: {children: any}) => {
-  // const LayoutElement = (props: {config: Layout}) => {
+const LayoutElement = (props: {children: any, config: PanelDefinition<any>}) => {
   return (
-    <div className={"absolute"} style={{gridRowStart: 5, gridRowEnd: "span 2", gridColumnStart: 2, gridColumnEnd: "span 5"}}>
+    <div
+       style={{
+         gridColumnStart: props.config.position.x + 1,
+         gridColumnEnd: props.config.position.x + props.config.position.w + 1,
+         gridRowStart: props.config.position.y + 1,
+         gridRowEnd: props.config.position.y + props.config.position.h + 1
+       }}
+    >
       {props.children}
     </div>
   );