diff --git a/appview/pages/templates/repo/pipelines/workflow.html b/appview/pages/templates/repo/pipelines/workflow.html
index 62dc4164..0ec37983 100644
--- a/appview/pages/templates/repo/pipelines/workflow.html
+++ b/appview/pages/templates/repo/pipelines/workflow.html
@@ -19,13 +19,17 @@
 
 {{ define "sidebar" }}
   {{ $active := .Workflow }}
+
+  {{ $activeTab := "bg-white dark:bg-gray-700 drop-shadow-sm" }}
+  {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800" }}
+
   {{ with .Pipeline }}
     {{ $id := .Id }}
     <div class="sticky top-2 grid grid-cols-1 rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700">
       {{ range $name, $all := .Statuses }}
       <a href="/{{ $.RepoInfo.FullName }}/pipelines/{{ $id }}/workflow/{{ $name }}" class="no-underline hover:no-underline hover:bg-gray-100/25 hover:dark:bg-gray-700/25">
         <div
-          class="flex gap-2 items-center justify-between p-2 {{ if eq $name $active }}bg-gray-100/50 dark:bg-gray-700/50{{ end }}">
+          class="flex gap-2 items-center justify-between p-2 {{ if eq $name $active }} {{ $activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">
           {{ $lastStatus := $all.Latest }}
           {{ $kind := $lastStatus.Status.String }}