diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss b/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss
index 4077a968965..42c4bdebb1b 100644
--- a/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss
@@ -307,7 +307,7 @@ $bootstrap-dark-palette: palette(
     $success: color($bootstrap-palette, 'success'),
     $warn: color($bootstrap-palette, 'warn'),
     $error: color($bootstrap-palette, 'error'),
-    $surface: #333,
+    $surface: #212529,
     $grays: #fff,
     $variant: 'bootstrap'
 ) !default;