diff --git a/client/src/components/profile/components/TimeLine.js b/client/src/components/profile/components/TimeLine.js
index 111624c20a..8aa216bb28 100644
--- a/client/src/components/profile/components/TimeLine.js
+++ b/client/src/components/profile/components/TimeLine.js
@@ -14,7 +14,8 @@ import { withTranslation } from 'react-i18next';
 import './timeline.css';
 import TimelinePagination from './TimelinePagination';
 import { FullWidthRow, Link } from '../../helpers';
-import SolutionViewer from '../../SolutionViewer/SolutionViewer';
+import Loadable from '@loadable/component';
+
 import {
   getCertIds,
   getPathFromID,
@@ -27,6 +28,10 @@ import CertificationIcon from '../../../assets/icons/CertificationIcon';
 import { langCodes } from '../../../../../config/i18n/all-langs';
 import envData from '../../../../../config/env.json';
 
+const SolutionViewer = Loadable(() =>
+  import('../../SolutionViewer/SolutionViewer')
+);
+
 const { clientLocale } = envData;
 
 const localeCode = langCodes[clientLocale];