diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
index f61d586c8..3f23d99f9 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
@@ -52,7 +52,7 @@
         </button>
         <div class="list-group-item bg-transparent p-0 border-0 d-flex flex-wrap-reverse justify-content-between">
           <ng-template #dateTooltip>
-            <div class="d-flex flex-column">
+            <div class="d-flex flex-column text-light">
               <span i18n>Created: {{ document.created | customDate }}</span>
               <span i18n>Added: {{ document.added | customDate }}</span>
               <span i18n>Modified: {{ document.modified | customDate }}</span>
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index b40ab2ff2..e3a90238f 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -243,6 +243,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
     --bs-dropdown-color: var(--bs-body-color);
   }
 
+  .list-group {
+    --bs-list-group-action-hover-color: var(--bs-secondary-color);
+  }
+
   .card .list-group-item {
     --bs-border-color: rgb(var(--bs-dark-rgb));