diff --git a/pages/[roadmap].tsx b/pages/[roadmap].tsx
index 930840a04..098cf5ac1 100644
--- a/pages/[roadmap].tsx
+++ b/pages/[roadmap].tsx
@@ -1,5 +1,5 @@
 import { Box, Button, Container, Link, Stack } from '@chakra-ui/react';
-import { DownloadIcon, EmailIcon } from '@chakra-ui/icons';
+import { ArrowBackIcon, ArrowLeftIcon, AtSignIcon, DownloadIcon, EmailIcon } from '@chakra-ui/icons';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
 import { UpdatesBanner } from '../components/updates-banner';
@@ -64,6 +64,12 @@ export default function Roadmap(props: RoadmapProps) {
           subtitle={roadmap.description}
         >
           <Stack mt='20px' isInline>
+            <Button d={['none', 'flex']} as={Link} href={'/roadmaps'} size='xs' py='14px' px='10px'
+                    leftIcon={<ArrowBackIcon />}
+                    colorScheme='teal' variant='solid' _hover={{ textDecoration: 'none' }}>
+              All Roadmaps
+            </Button>
+
             {roadmap.pdfUrl && (
               <Button as={Link}
                       href={roadmap.pdfUrl}
@@ -78,7 +84,7 @@ export default function Roadmap(props: RoadmapProps) {
                 Download PDF
               </Button>
             )}
-            <Button as={Link} href={'/signup'} size='xs' py='14px' px='10px' leftIcon={<EmailIcon />}
+            <Button as={Link} href={'/signup'} size='xs' py='14px' px='10px' leftIcon={<AtSignIcon />}
                     colorScheme='yellow' variant='solid' _hover={{ textDecoration: 'none' }}>
               Subscribe
             </Button>