diff --git a/src/components/icons/LayerIcon.jsx b/src/components/icons/LayerIcon.jsx
index 13890fb4..45a1584a 100644
--- a/src/components/icons/LayerIcon.jsx
+++ b/src/components/icons/LayerIcon.jsx
@@ -14,6 +14,7 @@ class LayerIcon extends React.Component {
   render() {
     const iconProps = { style: this.props.style }
     switch(this.props.type) {
+      case 'fill-extrusion': return <BackgroundIcon {...iconProps} />
       case 'fill': return <FillIcon {...iconProps} />
       case 'background': return <BackgroundIcon {...iconProps} />
       case 'line': return <LineIcon {...iconProps} />
diff --git a/src/config/layout.json b/src/config/layout.json
index b9473552..91b67d33 100644
--- a/src/config/layout.json
+++ b/src/config/layout.json
@@ -95,6 +95,35 @@
         }
       ]
     },
+    "fill-extrusion": {
+      "groups": [
+        {
+          "title": "Settings",
+          "type": "settings"
+        },
+        {
+          "title": "Source",
+          "type": "source"
+        },
+        {
+          "title": "Basic",
+          "type": "properties",
+          "fields": [
+            "fill-extrusion-opacity",
+            "fill-extrusion-color",
+            "fill-extrusion-translate",
+            "fill-extrusion-translate-anchor",
+            "fill-extrusion-pattern",
+            "fill-extrusion-height",
+            "fill-extrusion-base"
+          ]
+        },
+        {
+          "title": "JSON",
+          "type": "jsoneditor"
+        }
+      ]
+    },
     "symbol": {
       "groups": [
         {