2 files changed, 7 insertions, 4 deletions
diff --git a/src/components/Menu/HomePageMenu.js b/src/components/Menu/HomePageMenu.js
index 29295bb..92f2a8d 100644
--- a/src/components/Menu/HomePageMenu.js
+++ b/src/components/Menu/HomePageMenu.js
@@ -7,17 +7,18 @@
 */
 
 import React from "react";
+import {Link} from "react-router-dom";
 import "./HomePageMenu.scss";
 
 const HomePageMenu = () => {
 	return (
     <div className="HomePageMenu">
-      <span className="menuItem">
+      <Link className="menuItem" to="BillingPage">
         Create Invoice
-      </span>
-      <span className="menuItem">
+      </Link>
+      <Link className="menuItem" to="pepe">
         Don't Create Invoice
-      </span>
+      </Link>
     </div>
 	)
 }
diff --git a/src/components/Menu/HomePageMenu.scss b/src/components/Menu/HomePageMenu.scss
index e9497ad..bc46e08 100644
--- a/src/components/Menu/HomePageMenu.scss
+++ b/src/components/Menu/HomePageMenu.scss
@@ -11,7 +11,9 @@
 
 .HomePageMenu .menuItem {
   text-align: center;
+  text-decoration: none;
   font-size: $fontSize2;
+  color: $defFG;
 }
 
 .HomePageMenu .menuItem:hover {