diff --git a/packages/patternfly-4/react-core/src/layouts/Grid/examples/grid.scss b/packages/patternfly-4/react-core/src/layouts/Grid/examples/grid.scss
index d0f32f722a3..433721ed849 100644
--- a/packages/patternfly-4/react-core/src/layouts/Grid/examples/grid.scss
+++ b/packages/patternfly-4/react-core/src/layouts/Grid/examples/grid.scss
@@ -1,12 +1,12 @@
 .ws-preview {
-  & .pf-l-grid {
+  & > .pf-l-grid {
     min-height: 75px;
     padding: 1rem;
     border-width: 2px;
     border-style: dashed;
   }
 
-  & .pf-l-grid > .pf-l-grid__item {
+  & > .pf-l-grid > .pf-l-grid__item {
     min-height: 75px;
     padding: 1rem;
     border-width: 2px;
diff --git a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/VirtualGrid.example.css b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/VirtualGrid.example.css
index 12d45ab06eb..572dc381e5b 100644
--- a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/VirtualGrid.example.css
+++ b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/VirtualGrid.example.css
@@ -35,292 +35,4 @@
   .pf-c-scrollablegrid .pf-c-table .pf-c-table__action {
     width: 10% !important;
   }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-1-col-on-sm {
-    width: 8.333% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-1-col-on-md {
-    width: 8.33% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-1-col-on-lg {
-    width: 8.33% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-1-col-on-xl {
-    width: 8.33% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-2-col-on-sm {
-    width: 16.66% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-2-col-on-md {
-    width: 16.66% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-2-col-on-lg {
-    width: 16.66% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-2-col-on-xl {
-    width: 16.66% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-3-col-on-sm {
-    width: 25% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-3-col-on-md {
-    width: 25% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-3-col-on-lg {
-    width: 25% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-3-col-on-xl {
-    width: 25% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-4-col-on-xl {
-    width: 33.333% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-4-col-on-md {
-    width: 33.333% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-4-col-on-lg {
-    width: 33.333% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-4-col-on-xl {
-    width: 33.333% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-5-col-on-sm {
-    width: 41.67% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-5-col-on-md {
-    width: 41.67% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-5-col-on-lg {
-    width: 41.67% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-5-col-on-xl {
-    width: 41.67% !important;
-  }
-}
-
-@media screen and (max-width: 768px) {
-  .pf-m-6-col-on-sm {
-    width: 50% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-6-col-on-md {
-    width: 50% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-6-col-on-lg {
-    width: 50% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-6-col-on-xl {
-    width: 50% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-7-col-on-sm {
-    width: 58.333% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-7-col-on-md {
-    width: 58.333% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-7-col-on-lg {
-    width: 58.333% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-7-col-on-xl {
-    width: 58.333% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-8-col-on-sm {
-    width: 66.66% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-8-col-on-md {
-    width: 66.66% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-8-col-on-lg {
-    width: 66.66% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-8-col-on-xl {
-    width: 66.66% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-9-col-on-sm {
-    width: 75% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-9-col-on-md {
-    width: 75% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-9-col-on-lg {
-    width: 75% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-9-col-on-xl {
-    width: 75% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-10-col-on-sm {
-    width: 83.333% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-10-col-on-md {
-    width: 83.333% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-10-col-on-lg {
-    width: 83.333% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-10-col-on-xl {
-    width: 83.333% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-11-col-on-sm {
-    width: 91.67% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-11-col-on-md {
-    width: 91.67% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-11-col-on-lg {
-    width: 91.67% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-11-col-on-xl {
-    width: 91.67% !important;
-  }
-}
-
-@media screen and (min-width: 576px) and (max-width: 768px) {
-  .pf-m-12-col-on-sm {
-    width: 100% !important;
-  }
-}
-
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .pf-m-12-col-on-md {
-    width: 100% !important;
-  }
-}
-
-@media screen and (min-width: 992px) and (max-width: 1200px) {
-  .pf-m-12-col-on-lg {
-    width: 100% !important;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-m-12-col-on-xl {
-    width: 100% !important;
-  }
 }
\ No newline at end of file
diff --git a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.md b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.md
index 73ced06a489..9c37e7b24f7 100644
--- a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.md
+++ b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.md
@@ -73,7 +73,7 @@ class VirtualizedExample extends React.Component {
       const {rows, columns} = this.state;
       const text = rows[index].cells[0];
 
-      const className = clsx({
+      const className = clsx('pf-l-grid', {
         isVisible: isVisible
       });
 
@@ -216,7 +216,7 @@ class SortableExample extends React.Component {
       const {rows, columns} = this.state;
       const text = rows[index].cells[0];
 
-      const className = clsx({
+      const className = clsx('pf-l-grid', {
         isVisible: isVisible
       });
 
@@ -365,7 +365,7 @@ class SelectableExample extends React.Component {
       const {rows, columns} = this.state;
       const text = rows[index].cells[0];
 
-      const className = clsx({
+      const className = clsx('pf-l-grid', {
         isVisible: isVisible
       });
 
@@ -518,7 +518,7 @@ class ActionsExample extends React.Component {
       const {rows, columns, actions} = this.state;
       const text = rows[index].cells[0];
 
-      const className = clsx({
+      const className = clsx('pf-l-grid', {
         isVisible: isVisible
       });
 
diff --git a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/WindowScroller.md b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/WindowScroller.md
index 1ab9a27f098..77fde3c1e1b 100644
--- a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/WindowScroller.md
+++ b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/WindowScroller.md
@@ -95,7 +95,7 @@ class WindowScrollerExample extends React.Component {
       const {rows, columns} = this.state;
       const text = rows[index].cells[0];
 
-      const className = clsx({
+      const className = clsx('pf-l-grid', {
         isVisible: isVisible
       });