diff --git a/src/components/table-key-value-pair/table-key-value-pair-body-key-cell.tsx b/src/components/table-key-value-pair/table-key-value-pair-body-key-cell.tsx
index 01eedefa..f49fdb41 100644
--- a/src/components/table-key-value-pair/table-key-value-pair-body-key-cell.tsx
+++ b/src/components/table-key-value-pair/table-key-value-pair-body-key-cell.tsx
@@ -14,7 +14,7 @@ export const TableKeyValuePairBodyKeyCell = ({
     return (
         <td
             className={classNames(
-                "headline-400 border-b border-r border-neutral-300 px-2.5 text-neutral-900 first:border-l",
+                "headline-400 border-b border-r border-neutral-300 bg-neutral-0 px-2.5 text-neutral-900 first:border-l",
                 className
             )}
             {...props}
diff --git a/src/components/table-key-value-pair/table-key-value-pair-body-value-cell.tsx b/src/components/table-key-value-pair/table-key-value-pair-body-value-cell.tsx
index 5b79f3be..95f7dd6f 100644
--- a/src/components/table-key-value-pair/table-key-value-pair-body-value-cell.tsx
+++ b/src/components/table-key-value-pair/table-key-value-pair-body-value-cell.tsx
@@ -14,7 +14,7 @@ export const TableKeyValuePairBodyValueCell = ({
     return (
         <td
             className={classNames(
-                "border-b border-r border-neutral-300 px-2.5 text-neutral-900",
+                "border-b border-r border-neutral-300 bg-neutral-0 px-2.5 text-neutral-900",
                 className
             )}
             {...props}