diff --git a/packages/app/src/app/pages/common/Modals/DeleteProfileSandboxModal/index.tsx b/packages/app/src/app/pages/common/Modals/DeleteProfileSandboxModal/index.tsx
index 7f8d0ce02ea..f5d6ddbab7e 100644
--- a/packages/app/src/app/pages/common/Modals/DeleteProfileSandboxModal/index.tsx
+++ b/packages/app/src/app/pages/common/Modals/DeleteProfileSandboxModal/index.tsx
@@ -1,22 +1,22 @@
 import React, { FunctionComponent } from 'react';
+
 import { Alert } from 'app/components/Alert';
 import { useOvermind } from 'app/overmind';
 
-const DeleteProfileSandboxModal: FunctionComponent = () => {
+export const DeleteProfileSandboxModal: FunctionComponent = () => {
   const {
     actions: {
       modalClosed,
       profile: { sandboxDeleted },
     },
   } = useOvermind();
+
   return (
     <Alert
-      title="Delete Sandbox"
       body="Are you sure you want to delete this sandbox?"
       onCancel={() => modalClosed()}
       onConfirm={() => sandboxDeleted()}
+      title="Delete Sandbox"
     />
   );
-}
-
-export default DeleteProfileSandboxModal;
+};
diff --git a/packages/app/src/app/pages/common/Modals/index.js b/packages/app/src/app/pages/common/Modals/index.js
index 403f9813890..7fc97268c69 100644
--- a/packages/app/src/app/pages/common/Modals/index.js
+++ b/packages/app/src/app/pages/common/Modals/index.js
@@ -10,7 +10,7 @@ import { ThemeProvider } from 'styled-components';
 
 import CommitModal from './CommitModal';
 import { DeleteDeploymentModal } from './DeleteDeploymentModal';
-import DeleteProfileSandboxModal from './DeleteProfileSandboxModal';
+import { DeleteProfileSandboxModal } from './DeleteProfileSandboxModal';
 import DeleteSandboxModal from './DeleteSandboxModal';
 import DeploymentModal from './DeploymentModal';
 import { EmptyTrash } from './EmptyTrash';