From 42e98e9cc6867857b6d21b2f31360e4ca7d8c2e6 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 8 Dec 2021 14:00:12 +0100
Subject: [PATCH] Add interactive button

---
 components/roadmap/roadmap-page-header.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/roadmap/roadmap-page-header.tsx b/components/roadmap/roadmap-page-header.tsx
index 39b74be3b..ef2190ae9 100644
--- a/components/roadmap/roadmap-page-header.tsx
+++ b/components/roadmap/roadmap-page-header.tsx
@@ -104,7 +104,8 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
               _hover={{ textDecoration: 'none' }}
               colorScheme="purple"
             >
-              ✨ Try Beta
+              <Text as='span' d={['none', 'none', 'inline']}>✨ Interactive Version (Beta)</Text>
+              <Text as='span' d={['inline', 'inline', 'none']}>✨ Try Beta</Text>
             </Button>
           )}
         </Flex>