diff --git a/src/app/blueprints/plans.py b/src/app/blueprints/plans.py
index 3f19634..9d23600 100644
--- a/src/app/blueprints/plans.py
+++ b/src/app/blueprints/plans.py
@@ -231,6 +231,7 @@ def view_plan():
         unit = Unit.query.get(pu.unit_id)
         if unit:
             sidebar_units.append({
+                "id": unit.id,
                 "name": unit.unit_name,
                 "code": unit.unit_code
             })
@@ -269,6 +270,7 @@ def get_column_index(row, col):
         col_index = get_column_index(pu.row, pu.col)
         if 1 <= col_index <= 8:
             year_cols[year][col_index].append({
+                "id": unit.id,
                 "name": unit.unit_name,
                 "code": unit.unit_code
             })
diff --git a/src/app/static/js/dashboard.js b/src/app/static/js/dashboard.js
index 9372aba..70d1ec8 100644
--- a/src/app/static/js/dashboard.js
+++ b/src/app/static/js/dashboard.js
@@ -33,7 +33,7 @@ function renderPlansTable(plans) {
   plansTable.innerHTML = "";
   plans.forEach(plan => {
     const tr = document.createElement("tr");
-    tr.className = "hover:bg-gray-100 dark:hover:bg-dark-secondary";
+    tr.className = "hover:bg-gray-100 dark:hover:bg-dark-secondary cursor-pointer";
     tr.onclick = () => {
       window.location.href = `/plans/view?id=${plan.id}`;
     };
diff --git a/src/app/static/js/discover.js b/src/app/static/js/discover.js
index 362532b..a4ce899 100644
--- a/src/app/static/js/discover.js
+++ b/src/app/static/js/discover.js
@@ -8,7 +8,7 @@ document.addEventListener("DOMContentLoaded", function() {
     units.forEach(unit => {
       const div = document.createElement("div");
       div.id = "unit"
-      div.className = "p-4 mb-4 rounded-2xl bg-white transition bg-white dark:bg-dark-fg border-2 dark:border-dark-border shadow ext-gray-600 dark:text-dark-secondary";
+      div.className = "p-4 mb-4 rounded-2xl bg-white transition bg-white dark:bg-dark-fg border-2 dark:border-dark-border shadow ext-gray-600 dark:text-dark-secondary cursor-pointer";
       div.onclick = () => {
         window.location.href = `discover?id=${unit.id}`;
       }
diff --git a/src/app/static/js/unitplans.js b/src/app/static/js/unitplans.js
index d7ab5a8..f9d6658 100644
--- a/src/app/static/js/unitplans.js
+++ b/src/app/static/js/unitplans.js
@@ -19,7 +19,7 @@ document.addEventListener("DOMContentLoaded", function() {
                     ${!unit.shared ? `<a onclick="post_share(${unit.id})" class="text-green-600 hover:text-green-900">Share</a>` : ""}
                     <a href="/plans/view?id=${unit.id}" class="text-blue-600 hover:text-blue-900 ml-2">View</a>
                     <a href="/create?id=${unit.id}" class="text-blue-600 hover:text-blue-900 ml-2">Edit</a>
-                    <a onclick="post_delete(${unit.id})" class="text-red-600 hover:text-red-900 ml-2">Delete</a>
+                    <a onclick="post_delete(${unit.id})" class="text-red-600 hover:text-red-900 ml-2 cursor-pointer">Delete</a>
                 </td>
             `;
       tbody.appendChild(tr);
diff --git a/src/app/templates/viewonlyplan.html b/src/app/templates/viewonlyplan.html
index 1fd2ffc..fee91cf 100644
--- a/src/app/templates/viewonlyplan.html
+++ b/src/app/templates/viewonlyplan.html
@@ -17,7 +17,9 @@ <h3 class="font-semibold text-gray-700 dark:text-gray-100 text-lg mb-2 tracking-
       <ul class="divide-y divide-gray-100 dark:divide-gray-800 bg-gray-50 dark:bg-dark-bg rounded-xl p-4 max-h-[50vh] overflow-y-auto shadow-inner scroll-smooth">
         {% if plan_units_list %}
           {% for unit in plan_units_list %}
-            <li class="py-2 flex items-center gap-3 group">
+            <li 
+              class="py-2 flex items-center gap-3 group cursor-pointer transition"
+              onclick="window.open('/discover?id={{ unit.id }}', '_blank')">
               <span class="font-semibold text-gray-900 dark:text-white transition group-hover:text-primary-600">
                 {{ unit.name }}
               </span>
@@ -67,7 +69,8 @@ <h3 class="font-semibold text-gray-700 dark:text-gray-100 text-lg mb-2 tracking-
                   {% set units = year_units.get((row - 1) * 4 + col_key) %}
                   {% if units %}
                     {% for unit in units %}
-                      <div class="rounded-xl border border-gray-200 dark:border-gray-800 bg-white/90 dark:bg-dark-bg shadow-sm px-4 py-3 group hover:ring-2 hover:ring-blue-400/40 transition-all h-24 flex flex-col justify-center">
+                      <div class="rounded-xl border border-gray-200 dark:border-gray-800 bg-white/90 dark:bg-dark-bg shadow-sm px-4 py-3 group hover:ring-2 hover:ring-blue-400/40 transition-all h-24 flex flex-col justify-center cursor-pointer transition"
+                      onclick="window.open('/discover?id={{ unit.id }}', '_blank')">
                         <div class="text-sm font-semibold text-gray-800 dark:text-white mb-0.5 group-hover:text-blue-700 dark:group-hover:text-blue-400 transition">
                           {{ unit.name }}
                         </div>