1 files changed, 8 insertions, 5 deletions
diff --git a/ui/app/components/page-container/page-container-header/page-container-header.component.js b/ui/app/components/page-container/page-container-header/page-container-header.component.js
index a8458604e..08f9c7544 100644
--- a/ui/app/components/page-container/page-container-header/page-container-header.component.js
+++ b/ui/app/components/page-container/page-container-header/page-container-header.component.js
@@ -12,6 +12,7 @@ export default class PageContainerHeader extends Component {
     backButtonStyles: PropTypes.object,
     backButtonString: PropTypes.string,
     tabs: PropTypes.node,
+    headerCloseText: PropTypes.string,
   }
 
   renderTabs () {
@@ -41,7 +42,7 @@ export default class PageContainerHeader extends Component {
   }
 
   render () {
-    const { title, subtitle, onClose, tabs } = this.props
+    const { title, subtitle, onClose, tabs, headerCloseText } = this.props
 
     return (
       <div className={
@@ -66,10 +67,12 @@ export default class PageContainerHeader extends Component {
         }
 
         {
-          onClose && <div
-            className="page-container__header-close"
-            onClick={() => onClose()}
-          />
+          onClose && headerCloseText
+            ? <div className="page-container__header-close-text" onClick={() => onClose()}>{ headerCloseText }</div>
+            : onClose && <div
+              className="page-container__header-close"
+              onClick={() => onClose()}
+            />
         }
 
         { this.renderTabs() }