diff --git a/assets/components/LogViewer/ComplexLogItem.vue b/assets/components/LogViewer/ComplexLogItem.vue
index 908a17f6..60f33760 100644
--- a/assets/components/LogViewer/ComplexLogItem.vue
+++ b/assets/components/LogViewer/ComplexLogItem.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="group/item relative flex w-full cursor-pointer gap-x-2 hover:bg-secondary/10"
-    @click="showLogDetails(logEntry)"
-  >
+  <div class="group/item clickable relative flex w-full gap-x-2" @click="showLogDetails(logEntry)">
     <div v-if="showContainerName">
       <ContainerName :id="logEntry.containerID" />
     </div>
diff --git a/assets/components/LogViewer/LogList.vue b/assets/components/LogViewer/LogList.vue
index 8ed77ccd..fe5210da 100644
--- a/assets/components/LogViewer/LogList.vue
+++ b/assets/components/LogViewer/LogList.vue
@@ -71,7 +71,7 @@ useIntersectionObserver(
     monospace;
 
   > li {
-    @apply flex break-words px-2 py-1 last:snap-end odd:bg-gray-400/[0.07] md:px-4;
+    @apply flex break-words px-2 py-1 last:snap-end odd:bg-gray-400/[0.07] has-[.clickable]:cursor-pointer has-[.clickable]:hover:bg-primary/10 md:px-4;
     &:last-child {
       scroll-margin-block-end: 5rem;
     }