diff --git a/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss b/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss
index 6c5148029..d25914432 100644
--- a/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss
+++ b/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss
@@ -40,7 +40,7 @@
   text-align: center;
   position: sticky;
   right: 0;
-  background: #fff;
+  background: var(--card-background, #fff);
   z-index: 1;
 }
 
@@ -74,3 +74,7 @@ td.mat-mdc-cell:not(.actions-column, :first-child) {
   width: 80px;
   min-width: 80px;
 }
+
+:host-context(.dark-theme) {
+  --card-background: #2d2d2d;
+}
diff --git a/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss b/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss
index 80f08a6a3..f37e8bf0b 100644
--- a/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss
+++ b/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss
@@ -27,7 +27,7 @@
   text-align: center;
   position: sticky;
   right: 0;
-  background: #fff;
+  background: var(--card-background, #fff);
   z-index: 1;
 }
 
@@ -61,3 +61,7 @@ td.mat-mdc-cell:not(.actions-column, :first-child) {
   width: 80px;
   min-width: 80px;
 }
+
+:host-context(.dark-theme) {
+  --card-background: #2d2d2d;
+}