diff --git a/src/scss/components/_custom-contract.scss b/src/scss/components/_custom-contract.scss
index 71e9d7f..de18239 100644
--- a/src/scss/components/_custom-contract.scss
+++ b/src/scss/components/_custom-contract.scss
@@ -146,7 +146,7 @@ a.mouse-pointer {
   display:flex;
   justify-content: space-between;
   //border:1px solid #ccc;
-  background-color: #ededed;
+  background-color: var(--datatable-color);
   border-radius:5px;
   padding:0 20px;
   margin: 10px;
diff --git a/src/scss/css-variables/_colors.scss b/src/scss/css-variables/_colors.scss
index 03e77bd..95ba118 100644
--- a/src/scss/css-variables/_colors.scss
+++ b/src/scss/css-variables/_colors.scss
@@ -46,7 +46,7 @@
   --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
   --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
   --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
-
+  --datatable-color: #ededed;
   // Layout colors
   --body-color: #f4f4f5;
   --title-grey: #a9abac;
@@ -96,7 +96,7 @@
   --modal-text-reverse: #283252;
   --placeload-nuance-from: rgb(255 255 255 / 15%);
   --placeload-nuance-to: rgb(255 255 255 / 24%);
-
+  --datatable-color: #9A9A9A;
   --primary: #0398e2;
   --primary--color-invert: color-mix(in oklab, var(--info), white 85%);