diff --git a/src/components/commit-logs/commit-log-list.scss b/src/components/commit-logs/commit-log-list.scss
index 350e925..0328b6d 100644
--- a/src/components/commit-logs/commit-log-list.scss
+++ b/src/components/commit-logs/commit-log-list.scss
@@ -21,3 +21,11 @@
     @apply justify-self-end self-center;
   }
 }
+
+.taskList {
+  @apply text-sm bg-gray-100;
+  li {
+    @apply px-2 py-1 cursor-pointer;
+    @apply hover:bg-gray-200;
+  }
+}
diff --git a/src/components/commit-logs/commit-log-list.scss.d.ts b/src/components/commit-logs/commit-log-list.scss.d.ts
index 7e35d88..062c3a5 100644
--- a/src/components/commit-logs/commit-log-list.scss.d.ts
+++ b/src/components/commit-logs/commit-log-list.scss.d.ts
@@ -4,6 +4,7 @@ declare namespace CommitLogListScssNamespace {
     component: string;
     item: string;
     list: string;
+    taskList: string;
   }
 }
 
diff --git a/src/components/commit-logs/commit-log-list.tsx b/src/components/commit-logs/commit-log-list.tsx
index 145258b..6faf318 100644
--- a/src/components/commit-logs/commit-log-list.tsx
+++ b/src/components/commit-logs/commit-log-list.tsx
@@ -55,7 +55,7 @@ export const CommitLogList = ({ pipelineId }: Props) => {
           <CommitActions pipeline={pipeline} commit={log.hash} />
         ) : null}
       </header>
-      <ol>
+      <ol className={styles.taskList}>
         {log.tasks.map(task => (
           <li key={task.id} onClick={() => setLocation(`/tasks/${task.id}`)}>
             <PipelineTaskStatus status={task.status} /> {task.startedAt}