diff --git a/frontend/frontend/src/pages/Home/Home.js b/frontend/frontend/src/pages/Home/Home.js
index b81beb5a..e9d11e3b 100644
--- a/frontend/frontend/src/pages/Home/Home.js
+++ b/frontend/frontend/src/pages/Home/Home.js
@@ -37,7 +37,7 @@ const HomeScreen = ({ stage, setStage }) => {
   const login = (newUserId, userKey) => dispatch(_login(newUserId, userKey));
 
   // for stage two
-  const [wakatimeUser, setWakatimeUser] = useState();
+  const [wakatimeUser, setWakatimeUser] = useState(DEMO_WAKATIME_USER);
 
   const [selectedCard, setSelectedCard] = useState('stats');
 
@@ -104,7 +104,7 @@ const HomeScreen = ({ stage, setStage }) => {
       fullSuffix += `id=bbfce31e0217a3689c8d961a356cb10d`;
       break;
     case CardTypes.WAKATIME:
-      fullSuffix += `username=${useUserId(DEMO_WAKATIME_USER)}`;
+      fullSuffix += `username=${wakatimeUser}`;
   }
 
   if (
diff --git a/frontend/frontend/src/pages/Home/stages/SelectCard.js b/frontend/frontend/src/pages/Home/stages/SelectCard.js
index dd720224..ab53dfa3 100644
--- a/frontend/frontend/src/pages/Home/stages/SelectCard.js
+++ b/frontend/frontend/src/pages/Home/stages/SelectCard.js
@@ -41,7 +41,7 @@ const SelectCardStage = ({ selectedCard, setSelectedCard, setStage }) => {
         {
           title: 'WakaTime Stats Card',
           description: 'your coding activity from WakaTime',
-          demoImageSrc: `/wakatime?username=${useUserId(DEMO_WAKATIME_USER)}&langs_count=6&card_width=450`,
+          demoImageSrc: `/wakatime?username=${DEMO_WAKATIME_USER}&langs_count=6&card_width=450`,
           cardType: CardTypes.WAKATIME,
         },
       ].map((card, index) => (