diff --git a/appview/pages/templates/repo/commit.html b/appview/pages/templates/repo/commit.html
index 98b46399..8eaab8e3 100644
--- a/appview/pages/templates/repo/commit.html
+++ b/appview/pages/templates/repo/commit.html
@@ -71,7 +71,7 @@
 
       <div class="text-sm">
         {{ if $.Pipeline }}
-          {{ template "repo/pipelines/fragments/pipelineSymbolLong" $.Pipeline }}
+          {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" $.Pipeline "RepoInfo" $.RepoInfo) }}
         {{ end }}
       </div>
   </div>
diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index 87740333..a883f23f 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -275,7 +275,7 @@
         {{ $pipeline := index $.Pipelines .Hash.String }}
         {{ if and $pipeline (gt (len $pipeline.Statuses) 0) }}
           <div class="inline-block px-1 select-none after:content-['·']"></div>
-          {{ template "repo/pipelines/fragments/pipelineSymbolLong" $pipeline }}
+          {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "RepoInfo" $.RepoInfo "Pipeline" $pipeline) }}
         {{ end }}
       </div>
     </div>
diff --git a/appview/pages/templates/repo/log.html b/appview/pages/templates/repo/log.html
index dc7c5f1c..793cb4a5 100644
--- a/appview/pages/templates/repo/log.html
+++ b/appview/pages/templates/repo/log.html
@@ -84,7 +84,7 @@
                         <!-- ci status -->
                         {{ $pipeline := index $.Pipelines .Hash.String }}
                         {{ if and $pipeline (gt (len $pipeline.Statuses) 0) }}
-                          {{ template "repo/pipelines/fragments/pipelineSymbolLong" $pipeline }}
+                          {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" $pipeline "RepoInfo" $.RepoInfo) }}
                         {{ end }}
                     </td>
                     <td class=" py-3 align-top text-gray-500 dark:text-gray-400">{{ timeFmt $commit.Committer.When }}</td>
@@ -170,7 +170,7 @@
                     {{ if and $pipeline (gt (len $pipeline.Statuses) 0) }}
                       <div class="inline-block px-1 select-none after:content-['·']"></div>
                       <span class="text-sm">
-                        {{ template "repo/pipelines/fragments/pipelineSymbolLong" $pipeline }}
+                        {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" $pipeline "RepoInfo" $.RepoInfo) }}
                       </span>
                     {{ end }}
                 </div>
diff --git a/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html b/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html
index 3acc4d2e..ce20e415 100644
--- a/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html
+++ b/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html
@@ -1,8 +1,12 @@
 {{ define "repo/pipelines/fragments/pipelineSymbolLong" }}
-  <div class="group relative inline-block">
-    {{ template "repo/pipelines/fragments/pipelineSymbol" $ }}
-    {{ template "repo/pipelines/fragments/tooltip" $ }}
+  {{ $pipeline := .Pipeline }}
+  {{ $repoinfo := .RepoInfo }}
+  <div class="relative inline-block">
+    <details class="relative">
+      <summary class="cursor-pointer list-none">
+        {{ template "repo/pipelines/fragments/pipelineSymbol" .Pipeline }}
+      </summary>
+      {{ template "repo/pipelines/fragments/tooltip" $ }}
+    </details>
   </div>
 {{ end }}
-
-
diff --git a/appview/pages/templates/repo/pipelines/fragments/tooltip.html b/appview/pages/templates/repo/pipelines/fragments/tooltip.html
index ce3ca10a..e9a62036 100644
--- a/appview/pages/templates/repo/pipelines/fragments/tooltip.html
+++ b/appview/pages/templates/repo/pipelines/fragments/tooltip.html
@@ -1,28 +1,33 @@
 {{ define "repo/pipelines/fragments/tooltip" }}
-  <div class="absolute z-[9999] hidden group-hover:block bg-white dark:bg-gray-900 text-black dark:text-white rounded-md shadow w-80 top-full mt-2">
+  {{ $repoinfo := .RepoInfo }}
+  {{ $pipeline := .Pipeline }}
+  {{ $id := $pipeline.Id }}
+  <div class="absolute z-[9999] bg-white dark:bg-gray-900 text-black dark:text-white rounded shadow-sm w-80 top-full mt-2 p-2">
     <div class="flex flex-col divide-y divide-gray-200 dark:divide-gray-700">
-      {{ range $name, $all := .Statuses }}
-      <div class="flex items-center justify-between p-2">
-        {{ $lastStatus := $all.Latest }}
-        {{ $kind := $lastStatus.Status.String }}
+      {{ range $name, $all := $pipeline.Statuses }}
+      <a href="/{{ $repoinfo.FullName }}/pipelines/{{ $id }}/workflow/{{ $name }}" class="hover:no-underline">
+        <div class="flex items-center justify-between p-2">
+          {{ $lastStatus := $all.Latest }}
+          {{ $kind := $lastStatus.Status.String }}
 
-        {{ $t := .TimeTaken }}
-        {{ $time := "" }}
-        {{ if $t }}
-          {{ $time = durationFmt $t }}
-        {{ else }}
-          {{ $time = printf "%s ago" (shortTimeFmt $.Created) }}
-        {{ end }}
+          {{ $t := .TimeTaken }}
+          {{ $time := "" }}
+          {{ if $t }}
+            {{ $time = durationFmt $t }}
+          {{ else }}
+            {{ $time = printf "%s ago" (shortTimeFmt $.Created) }}
+          {{ end }}
 
-        <div id="left" class="flex items-center gap-2 flex-shrink-0">
-          {{ template "repo/pipelines/fragments/workflowSymbol" $all }}
-          {{ $name }}
+          <div id="left" class="flex items-center gap-2 flex-shrink-0">
+            {{ template "repo/pipelines/fragments/workflowSymbol" $all }}
+            {{ $name }}
+          </div>
+          <div id="right" class="flex items-center gap-2 flex-shrink-0">
+            <span class="font-bold">{{ $kind }}</span>
+            <time>{{ $time }}</time>
+          </div>
         </div>
-        <div id="right" class="flex items-center gap-2 flex-shrink-0">
-          <span class="font-bold">{{ $kind }}</span>
-          <time>{{ $time }}</time>
-        </div>
-      </div>
+      </a>
       {{ else }}
       <div class="flex items-center gap-2 p-2 italic text-gray-600 dark:text-gray-400 ">
         {{ i "hourglass" "size-4" }}
@@ -32,4 +37,3 @@
     </div>
   </div>
 {{ end }}
-
diff --git a/appview/pages/templates/repo/pipelines/pipelines.html b/appview/pages/templates/repo/pipelines/pipelines.html
index 06cb12b8..2d0cc1a8 100644
--- a/appview/pages/templates/repo/pipelines/pipelines.html
+++ b/appview/pages/templates/repo/pipelines/pipelines.html
@@ -73,7 +73,7 @@
         </div>
 
         <div class="text-sm md:text-base col-span-1">
-          {{ template "repo/pipelines/fragments/pipelineSymbolLong" . }}
+          {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" . "RepoInfo" $root.RepoInfo) }}
         </div>
 
         <div class="text-sm md:text-base col-span-1 text-right">