diff --git a/app/components/component-frontpage/src/Frontpage.js b/app/components/component-frontpage/src/Frontpage.js
index 9be6945a8454e6568ad9ddd841830172ae0f07e9..73b6c778a29092ab8bedcb74b4077dfcced8e526 100644
--- a/app/components/component-frontpage/src/Frontpage.js
+++ b/app/components/component-frontpage/src/Frontpage.js
@@ -1,9 +1,11 @@
+import Accordion from '@pubsweet/ui/src/molecules/Accordion'
 import React, { useContext, useState } from 'react'
 import PropTypes from 'prop-types'
 import { useQuery } from '@apollo/client'
 import { JournalContext } from '../../xpub-journal/src'
 import queries from './queries'
 import { Container, Placeholder, VisualAbstract } from './style'
+import Wax from '../../wax-collab/src/Editoria'
 
 import {
   Spinner,
@@ -16,8 +18,6 @@ import {
   Pagination,
 } from '../../shared'
 
-import { UserAction as Action } from '../../component-manuscripts/src/style'
-
 const Frontpage = ({ history, ...props }) => {
   const [sortName] = useState('created')
   const [sortDirection] = useState('DESC')
@@ -113,11 +113,9 @@ const Frontpage = ({ history, ...props }) => {
                     file =>
                       !skipXSweet(file) && (
                         <p>
-                          <Action
-                            to={`/journal/versions/${manuscript.id}/manuscript`}
-                          >
-                            View Manuscript Text
-                          </Action>
+                          <Accordion label="View Manuscript Text">
+                            <Wax content={manuscript.meta.source} readonly />
+                          </Accordion>
                         </p>
                       ),
                   )}