diff --git a/packages/cms/src/components/Viz/Options.jsx b/packages/cms/src/components/Viz/Options.jsx
index 38dad21ff..788ceb640 100644
--- a/packages/cms/src/components/Viz/Options.jsx
+++ b/packages/cms/src/components/Viz/Options.jsx
@@ -48,7 +48,6 @@ const getBackground = elem => {
 };
 
 class Options extends Component {
-
   constructor(props) {
     super(props);
 
@@ -323,7 +322,7 @@ class Options extends Component {
 
   render() {
     const {backgroundColor, imageContext, imageFormat, imageProcessing, includeSlug, dialogOpen, results, focusOptions} = this.state;
-    const {data, iconOnly, slug, t, transitionDuration} = this.props;
+    const {data, iconOnly, isFullscreen, onToggleFullscreen, slug, t, transitionDuration} = this.props;
 
     // construct URL from a combination of redux & context (#537)
     const domain = this.props.location.origin;
@@ -414,6 +413,10 @@ class Options extends Component {
         <Button className="options-button" icon="share" key="share-button" iconOnly={iconOnly} fontSize="xxxs" iconPosition="left" id={`options-button-${slug}-share`} onClick={this.toggleDialog.bind(this, "share")}>
           {t("CMS.Options.Share")}
         </Button>
+
+        <Button key="fs" fontSize="xxxs" icon={isFullscreen ? "minimize" : "fullscreen"} onClick={() => onToggleFullscreen()}>
+          {isFullscreen ? "minimize" : "enlarge"}
+        </Button>
       </ButtonGroup>
 
       <Dialog className="options-dialog"
diff --git a/packages/cms/src/components/Viz/Viz.css b/packages/cms/src/components/Viz/Viz.css
index b2672506e..7bd2bec2e 100644
--- a/packages/cms/src/components/Viz/Viz.css
+++ b/packages/cms/src/components/Viz/Viz.css
@@ -88,4 +88,25 @@
       position: static !important;
     }
   }
+
+  &.is-fullscreen {
+    @mixin absolute-expand;
+    position: fixed !important;
+    z-index: 2;
+    background-color: var(--section-bg-odd);
+
+    & .cp-viz-header,
+    & .cp-viz-figure {
+      padding: var(--gutter-xs);
+    }
+
+    & .cp-viz-figure {
+      @mixin vertical-overflow-container;
+      height: calc(100% - var(--gutter-xl));
+      max-height: calc(100% - var(--gutter-md));
+      top: var(--gutter-lg);
+      margin-bottom: 0;
+      bottom: 0;
+    }
+  }
 }
diff --git a/packages/cms/src/components/Viz/Viz.jsx b/packages/cms/src/components/Viz/Viz.jsx
index 81cdf2bab..7d8f44a4e 100644
--- a/packages/cms/src/components/Viz/Viz.jsx
+++ b/packages/cms/src/components/Viz/Viz.jsx
@@ -17,6 +17,12 @@ import defaultConfig from "./defaultConfig";
 const vizTypes = Object.assign({PercentageBar}, {Table}, {Graphic}, d3plus);
 
 class Viz extends Component {
+  constructor() {
+    super();
+    this.state = {
+      isFullscreen: false
+    };
+  }
 
   getChildContext() {
     const context = {...this.context};
@@ -43,6 +49,7 @@ class Viz extends Component {
       sectionTitle,
       showTitle
     } = this.props;
+    const {isFullscreen} = this.state;
 
     // Variables come from props in the CMS, and Context in the Front-end.
     const variables = this.props.variables || this.context.variables;
@@ -99,6 +106,8 @@ class Viz extends Component {
           className ? ` ${className}` : ""
         }${
           type ? ` ${namespace}-${toKebabCase(type)}-viz-container` : ""
+        }${
+          isFullscreen ? " is-fullscreen" : ""
         }`}
         ref={ comp => this.viz = comp }
       >
@@ -118,6 +127,8 @@ class Viz extends Component {
                 slug={slug }
                 title={title || sectionTitle || slug}
                 iconOnly={size && size.width < 320 ? true : false}
+                isFullscreen={isFullscreen}
+                onToggleFullscreen={() => this.setState({isFullscreen: !isFullscreen})}
               /> : ""
             }
           </div>