diff --git a/src/pages/recover/index.tsx b/src/pages/recover/index.tsx
index 78a4865d7..2c7895823 100644
--- a/src/pages/recover/index.tsx
+++ b/src/pages/recover/index.tsx
@@ -16,7 +16,6 @@ import SingleInputForm, {
     SingleInputFormProps,
 } from 'components/SingleInputForm';
 import VerticallyCentered from 'components/Container';
-import { Button } from 'react-bootstrap';
 import { AppContext } from 'pages/_app';
 import { logError } from 'utils/sentry';
 import { getKey, SESSION_KEYS } from 'utils/storage/sessionStorage';
@@ -24,6 +23,7 @@ import { KeyAttributes, User } from 'types/user';
 import FormPaper from 'components/Form/FormPaper';
 import FormPaperTitle from 'components/Form/FormPaper/Title';
 import FormPaperFooter from 'components/Form/FormPaper/Footer';
+import LinkButton from 'components/pages/gallery/LinkButton';
 const bip39 = require('bip39');
 // mobile client library only supports english.
 bip39.setDefaultWordlist('english');
@@ -102,12 +102,12 @@ export default function Recover() {
                     buttonText={constants.RECOVER}
                 />
                 <FormPaperFooter style={{ justifyContent: 'space-between' }}>
-                    <Button variant="link" onClick={showNoRecoveryKeyMessage}>
+                    <LinkButton onClick={showNoRecoveryKeyMessage}>
                         {constants.NO_RECOVERY_KEY}
-                    </Button>
-                    <Button variant="link" onClick={router.back}>
+                    </LinkButton>
+                    <LinkButton onClick={router.back}>
                         {constants.GO_BACK}
-                    </Button>
+                    </LinkButton>
                 </FormPaperFooter>
             </FormPaper>
         </VerticallyCentered>