diff --git a/src-ui/src/app/components/manage/share-links/share-link-bundle-list/share-link-bundle-list.component.html b/src-ui/src/app/components/manage/share-links/share-link-bundle-list/share-link-bundle-list.component.html
index 8230e2157..3459cc1bc 100644
--- a/src-ui/src/app/components/manage/share-links/share-link-bundle-list/share-link-bundle-list.component.html
+++ b/src-ui/src/app/components/manage/share-links/share-link-bundle-list/share-link-bundle-list.component.html
@@ -10,7 +10,7 @@
     }
     @if (bundles().length > 0) {
       <div class="table-responsive">
-        <table class="table table-sm align-middle mb-0">
+        <table class="table table-sm align-middle mb-0 bg-body">
           <thead>
             <tr>
               <th scope="col" i18n>Created</th>
diff --git a/src-ui/src/app/components/manage/share-links/share-link-list/share-link-list.component.html b/src-ui/src/app/components/manage/share-links/share-link-list/share-link-list.component.html
index 053d07cdb..a9d20b369 100644
--- a/src-ui/src/app/components/manage/share-links/share-link-list/share-link-list.component.html
+++ b/src-ui/src/app/components/manage/share-links/share-link-list/share-link-list.component.html
@@ -9,7 +9,7 @@
   }
   @if (!loading() && !error() && links().length > 0) {
     <div class="table-responsive">
-      <table class="table table-sm align-middle mb-0">
+      <table class="table table-sm align-middle mb-0 bg-body">
         <thead>
           <tr>
             <th scope="col" i18n>Document</th>
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 55cbff7f9..8c0fec3e8 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -626,6 +626,10 @@ ul.pagination {
 table.table {
   --bs-table-color: var(--bs-body-color);
   --bs-table-bg: var(--bs-light-rgb);
+
+  &.bg-body {
+    --bs-table-bg: var(--bs-body-bg);
+  }
 }
 
 .close {