diff --git a/src/components/layout/Heading/index.jsx b/src/components/layout/Heading/index.jsx
index 68676ae1..286e47e6 100644
--- a/src/components/layout/Heading/index.jsx
+++ b/src/components/layout/Heading/index.jsx
@@ -10,7 +10,7 @@ type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4';
 
 type Props = {
   align?: 'left' | 'center' | 'right',
-  margin?: 'sm' | 'md' | 'lg',
+  margin?: 'sm' | 'md' | 'lg' | 'xl',
   tag: HeadingTag,
   truncate?: boolean,
   children: React$Node,
diff --git a/src/components/layout/Heading/index.scss b/src/components/layout/Heading/index.scss
index 34bed43f..982f49e6 100644
--- a/src/components/layout/Heading/index.scss
+++ b/src/components/layout/Heading/index.scss
@@ -54,3 +54,7 @@
 .marginLg {
     margin: 0 0 $lg 0;
 }
+
+.marginXl {
+  margin: 0 0 $xl 0;
+}