diff --git a/apps/learneth/src/pages/Home/index.css b/apps/learneth/src/pages/Home/index.css
index 2375651475..70c6426ea4 100644
--- a/apps/learneth/src/pages/Home/index.css
+++ b/apps/learneth/src/pages/Home/index.css
@@ -13,10 +13,11 @@
 .arrow-icon{
   width: 12px;
   display: inline-block;
+  cursor: pointer;
 }
 
 .workshop-link {
-  text-decoration: none;
+  cursor: pointer;
 }
 .workshop-link:hover {
   text-decoration: underline;
diff --git a/apps/learneth/src/pages/Home/index.tsx b/apps/learneth/src/pages/Home/index.tsx
index 0823668695..503f056e11 100644
--- a/apps/learneth/src/pages/Home/index.tsx
+++ b/apps/learneth/src/pages/Home/index.tsx
@@ -45,24 +45,22 @@ function HomePage(): JSX.Element {
               {selectedRepo.group[level].map((item: any) => (
                 <div key={item.id}>
                   <div>
-                    <a
-                      href="#"
+                    <span
                       className="arrow-icon"
                       onClick={() => {
                         handleClick(item.id)
                       }}
                     >
                       <FontAwesomeIcon size="xs" icon={isOpen(item.id) ? faChevronDown : faChevronRight} />
-                    </a>
-                    <a
-                      href="#"
+                    </span>
+                    <span
                       className="workshop-link"
                       onClick={() => {
                         handleClick(item.id)
                       }}
                     >
                       {selectedRepo.entities[item.id].name}
-                    </a>
+                    </span>
                     <Link to={`/list?id=${item.id}`} className="text-decoration-none float-right">
                       <FontAwesomeIcon icon={faPlayCircle} size="lg" />
                     </Link>