diff --git a/build/scss/_colors.scss b/build/scss/_colors.scss
index 823ffe65f..67123cdd5 100644
--- a/build/scss/_colors.scss
+++ b/build/scss/_colors.scss
@@ -12,6 +12,21 @@
   @include background-variant($name, $color);
 }
 
+@media print {
+  .table td,
+  .table th {
+    // Background colors (theme colors)
+    @each $name, $color in $theme-colors {
+      @include background-variant($name, $color);
+    }
+
+    // Background colors (colors)
+    @each $name, $color in $colors {
+      @include background-variant($name, $color);
+    }
+  }
+}
+
 .bg-gray {
   background-color: $gray-500;
   color: color-yiq($gray-500);
diff --git a/build/scss/mixins/_backgrounds.scss b/build/scss/mixins/_backgrounds.scss
index bf30734a6..a4a031c59 100644
--- a/build/scss/mixins/_backgrounds.scss
+++ b/build/scss/mixins/_backgrounds.scss
@@ -4,7 +4,7 @@
 
 // Background Variant
 @mixin background-variant($name, $color) {
-  .bg-#{$name} {
+  &.bg-#{$name} {
     background-color: #{$color} !important;
 
     &,