diff --git a/src/styles/_components.scss b/src/styles/_components.scss
index f64fa17..8a6ce10 100644
--- a/src/styles/_components.scss
+++ b/src/styles/_components.scss
@@ -7,11 +7,7 @@
   right: 0;
   bottom: 0;
   height: calc(100% - #{$toolbar-height + $toolbar-offset});
-  width: calc(
-    100%
-    - 200px /* layer list */
-    - 350px /* layer editor */
-  );
+  width: $layout-map-width;
 
   &--error {
     align-items: center;
diff --git a/src/styles/_layout.scss b/src/styles/_layout.scss
index e0f00ad..f3db7eb 100644
--- a/src/styles/_layout.scss
+++ b/src/styles/_layout.scss
@@ -40,9 +40,9 @@
     position: fixed;
     height: 50px;
     bottom: 0;
-    left: 550px;
+    right: 0;
     z-index: 1;
-    width: 100%;
+    width: $layout-map-width;
     background-color: $color-black;
   }
 }
diff --git a/src/styles/_vars.scss b/src/styles/_vars.scss
index 7cb3d17..4a9cc09 100644
--- a/src/styles/_vars.scss
+++ b/src/styles/_vars.scss
@@ -21,3 +21,7 @@ $font-family: Roboto, sans-serif;
 $toolbar-height: 40px;
 $toolbar-offset: 0;
 
+$layout-list-width: 200px;
+$layout-editor-width: 370px;
+$layout-map-width: calc(100% - #{$layout-list-width + $layout-editor-width});
+