diff --git a/src/components/Dashboard.jsx b/src/components/Dashboard.jsx
index 6fe812f..19818c4 100644
--- a/src/components/Dashboard.jsx
+++ b/src/components/Dashboard.jsx
@@ -107,6 +107,7 @@ class Dashboard extends React.Component {
         />
         <NarrativeCard
           onSelect={this.handleSelect}
+          actions={this.props.actions}
         />
         <Notification
           isNotification={this.props.ui.flags.isNotification}
diff --git a/src/components/NarrativeCard.js b/src/components/NarrativeCard.js
index 99b69ba..b017226 100644
--- a/src/components/NarrativeCard.js
+++ b/src/components/NarrativeCard.js
@@ -30,6 +30,17 @@ class NarrativeCard extends React.Component {
     }
   }
 
+  renderClose() {
+    return (
+      <button
+        className="side-menu-burg is-active"
+        onClick={() => { this.props.actions.updateNarrative(null); }}
+      >
+        <span></span>
+      </button>
+    )
+  }
+
   render() {
     if (this.props.narrative !== null) {
       const steps = this.props.narrative.steps;
@@ -37,6 +48,7 @@ class NarrativeCard extends React.Component {
 
       return (
         <div className="narrative-info">
+          {this.renderClose()}
           <h6>{this.props.narrative.label}</h6>
           <p>{this.props.narrative.description}</p>
           <h3>{this.state.step + 1}/{steps.length}. {step.location}</h3>