diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.component.js b/ui/app/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.component.js
index 0c17f41fa..2054f7daa 100644
--- a/ui/app/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.component.js
+++ b/ui/app/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.component.js
@@ -25,7 +25,7 @@ export default function ConfirmPageContainerHeader({
     windowType !== ENVIRONMENT_TYPE_POPUP;
 
   if (!showEdit && isFullScreen) {
-    return null;
+    return children;
   }
   return (
     <div className="confirm-page-container-header">
diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container-header/tests/confirm-page-container-header.component.test.js b/ui/app/components/app/confirm-page-container/confirm-page-container-header/tests/confirm-page-container-header.component.test.js
new file mode 100644
index 000000000..24da85a38
--- /dev/null
+++ b/ui/app/components/app/confirm-page-container/confirm-page-container-header/tests/confirm-page-container-header.component.test.js
@@ -0,0 +1,63 @@
+import assert from 'assert';
+import React from 'react';
+import { shallow } from 'enzyme';
+import sinon from 'sinon';
+import { Provider } from 'react-redux';
+import ConfirmPageContainerHeader from '../confirm-page-container-header.component';
+import configureStore from '../../../../../store/store';
+import testData from '../../../../../../../.storybook/test-data';
+
+const util = require('../../../../../../../app/scripts/lib/util');
+
+describe('Confirm Detail Row Component', function () {
+  describe('render', function () {
+    it('should render a div with a confirm-page-container-header class', function () {
+      const stub = sinon
+        .stub(util, 'getEnvironmentType')
+        .callsFake(() => 'popup');
+      const wrapper = shallow(
+        <Provider store={configureStore(testData)}>
+          <ConfirmPageContainerHeader
+            showEdit={false}
+            onEdit={() => {
+              // noop
+            }}
+            showAccountInHeader={false}
+            accountAddress="0xmockAccountAddress"
+          />
+        </Provider>,
+      );
+      assert.strictEqual(
+        wrapper.html().includes('confirm-page-container-header'),
+        true,
+      );
+      stub.restore();
+    });
+
+    it('should only render children when fullscreen and showEdit is false', function () {
+      const stub = sinon
+        .stub(util, 'getEnvironmentType')
+        .callsFake(() => 'fullscreen');
+      const wrapper = shallow(
+        <Provider store={configureStore(testData)}>
+          <ConfirmPageContainerHeader
+            showEdit={false}
+            onEdit={() => {
+              // noop
+            }}
+            showAccountInHeader={false}
+            accountAddress="0xmockAccountAddress"
+          >
+            <div className="nested-test-class" />
+          </ConfirmPageContainerHeader>
+        </Provider>,
+      );
+      assert.strictEqual(wrapper.html().includes('nested-test-class'), true);
+      assert.strictEqual(
+        wrapper.html().includes('confirm-page-container-header'),
+        false,
+      );
+      stub.restore();
+    });
+  });
+});