diff --git a/mailpoet/assets/js/src/common/index.ts b/mailpoet/assets/js/src/common/index.ts
index 8cac81b637..eb004f9f6f 100644
--- a/mailpoet/assets/js/src/common/index.ts
+++ b/mailpoet/assets/js/src/common/index.ts
@@ -1,6 +1,7 @@
 export { Button } from './button/button';
 export * from './loader/loader';
 export * from './tabs/tab';
+export * from './typography';
 export { Heading as TypographyHeading } from './typography/heading/heading';
 export * from './premium_required/premium_required';
 export * from './loading';
diff --git a/mailpoet/assets/js/src/common/typography/index.ts b/mailpoet/assets/js/src/common/typography/index.ts
new file mode 100644
index 0000000000..de8f428d60
--- /dev/null
+++ b/mailpoet/assets/js/src/common/typography/index.ts
@@ -0,0 +1,2 @@
+export * from './heading/heading';
+export * from './list/list';
diff --git a/mailpoet/assets/js/src/newsletters/send/congratulate/success_pitch_mss.tsx b/mailpoet/assets/js/src/newsletters/send/congratulate/success_pitch_mss.tsx
index 0ff571f533..1143f92ff7 100644
--- a/mailpoet/assets/js/src/newsletters/send/congratulate/success_pitch_mss.tsx
+++ b/mailpoet/assets/js/src/newsletters/send/congratulate/success_pitch_mss.tsx
@@ -1,10 +1,8 @@
 import { useState } from 'react';
 import { MailPoet } from 'mailpoet';
 
-import { Heading } from 'common/typography/heading/heading';
 import { WelcomeWizardStepLayoutBody } from 'wizard/layout/step_layout_body.jsx';
-import { List } from 'common/typography/list/list';
-import { Button } from 'common';
+import { Button, Heading, List } from 'common';
 
 function FreeBenefitsList(): JSX.Element {
   return (
diff --git a/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/first_part.tsx b/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/first_part.tsx
index 2438a55b74..97ef01ef5b 100644
--- a/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/first_part.tsx
+++ b/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/first_part.tsx
@@ -2,8 +2,7 @@ import { useHistory, useParams } from 'react-router-dom';
 import { external, Icon } from '@wordpress/icons';
 import { Heading } from 'common/typography/heading/heading';
 import { MailPoet } from 'mailpoet';
-import { List } from 'common/typography/list/list';
-import { Button } from 'common';
+import { Button, List } from 'common';
 import { OwnEmailServiceNote } from './own_email_service_note';
 
 const mailpoetAccountUrl = MailPoet.MailPoetComUrlFactory.getPurchasePlanUrl(
diff --git a/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/second_part.tsx b/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/second_part.tsx
index 8cb5e80d2d..34ce07603f 100644
--- a/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/second_part.tsx
+++ b/mailpoet/assets/js/src/wizard/steps/pitch_mss_step/second_part.tsx
@@ -2,9 +2,8 @@ import { useHistory, useParams } from 'react-router-dom';
 import { useState } from '@wordpress/element';
 import { useCallback } from 'react';
 import ReactStringReplace from 'react-string-replace';
-import { Heading } from 'common/typography/heading/heading';
 import { MailPoet } from 'mailpoet';
-import { Button, Input } from 'common';
+import { Button, Input, Heading } from 'common';
 import { OwnEmailServiceNote } from './own_email_service_note';
 
 type MSSStepSecondPartPropType = {