diff --git a/components/roadmap/roadmap-page-header.tsx b/components/roadmap/roadmap-page-header.tsx
index 1f1c0d488..98e97480b 100644
--- a/components/roadmap/roadmap-page-header.tsx
+++ b/components/roadmap/roadmap-page-header.tsx
@@ -1,3 +1,4 @@
+import siteConfig from '../../content/site.json';
import { isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap';
import { NewAlertBanner } from './new-alert-banner';
import {
@@ -11,7 +12,7 @@ import {
Stack,
Text,
} from '@chakra-ui/react';
-import { AtSignIcon, DownloadIcon } from '@chakra-ui/icons';
+import { ChatIcon, AtSignIcon, DownloadIcon } from '@chakra-ui/icons';
import React from 'react';
type RoadmapPageHeaderType = {
@@ -41,7 +42,7 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
{roadmap.description}
-
+
}
+ d={['none', 'flex']}
colorScheme="yellow"
variant="solid"
_hover={{ textDecoration: 'none' }}
@@ -88,6 +90,21 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
>
Subscribe
+
+ }
+ _hover={{ textDecoration: 'none' }}
+ >
+ Suggest Changes
+
+
{isInteractiveRoadmap(roadmap.id) && (