diff --git a/resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
index b256d3c4..c189b1ab 100644
--- a/resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
+++ b/resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
@@ -32,7 +32,8 @@ function selectUnselectAll(value: boolean) {
 </script>
 
 <template>
-    <div class="bg-quaternary border-b border-border-primary py-1 text-xs @sm:text-sm">
+    <div
+        class="bg-background dark:bg-quaternary border-b border-border-primary py-1 text-xs @sm:text-sm">
         <MainContainer>
             <div class="flex group justify-between items-center">
                 <div class="flex items-center space-x-2">