diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 804459e5a..0c29026d2 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -452,6 +452,7 @@ ul.pagination {
 
 table.table {
   color: var(--bs-body-color);
+  --bs-table-bg: var(--bs-light-rgb);
 
   .des,.asc {
     background-color: var(--bs-body-bg) !important;
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index a0f141c2b..b40ab2ff2 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -58,6 +58,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
 @mixin dark-mode {
   --bs-body-color: #{$text-color-dark-bg};
   --pngx-body-color-accent: #{$text-color-dark-bg-accent};
+  --bs-secondary-color: #6c757d;
   --bs-danger: #b71631;
   --bs-danger-rgb: 183, 22, 49;
   --bs-body-bg: #161618;
@@ -195,7 +196,6 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
       background-color: var(--bs-light);
       color: var(--pngx-body-color-accent);
     }
-
   }
 
   .alert-secondary {