diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less
index 5c9da3182..0b4716213 100755
--- a/src/definitions/collections/grid.less
+++ b/src/definitions/collections/grid.less
@@ -1289,6 +1289,7 @@
 -----------------------*/
 
 .ui.grid > .white.row,
+.ui.grid > .white.column,
 .ui.grid > .row > .white.column {
   background-color: @white !important;
   color: @textColor;
@@ -1301,6 +1302,7 @@
 }
 
 .ui.grid > .black.row,
+.ui.grid > .black.column,
 .ui.grid > .row > .black.column {
   background-color: @black !important;
   color: @white;
@@ -1313,6 +1315,7 @@
 }
 
 .ui.grid > .blue.row,
+.ui.grid > .blue.column,
 .ui.grid > .row > .blue.column {
   background-color: @blue !important;
   color: @white;
@@ -1325,6 +1328,7 @@
 }
 
 .ui.grid > .green.row,
+.ui.grid > .green.column,
 .ui.grid > .row > .green.column {
   background-color: @green !important;
   color: @white;
@@ -1337,6 +1341,7 @@
 }
 
 .ui.grid > .orange.row,
+.ui.grid > .orange.column,
 .ui.grid > .row > .orange.column {
   background-color: @orange !important;
   color: @white;
@@ -1361,6 +1366,7 @@
 }
 
 .ui.grid > .purple.row,
+.ui.grid > .purple.column,
 .ui.grid > .row > .purple.column {
   background-color: @purple !important;
   color: @white;
@@ -1373,6 +1379,7 @@
 }
 
 .ui.grid > .red.row,
+.ui.grid > .red.column,
 .ui.grid > .row > .red.column {
   background-color: @red !important;
   color: @white;
@@ -1385,6 +1392,7 @@
 }
 
 .ui.grid > .teal.row,
+.ui.grid > .teal.column,
 .ui.grid > .row > .teal.column {
   background-color: @teal !important;
   color: @white;
@@ -1397,6 +1405,7 @@
 }
 
 .ui.grid > .yellow.row,
+.ui.grid > .yellow.column,
 .ui.grid > .row > .yellow.column {
   background-color: @yellow !important;
   color: @white;