webpack/scenes/ContentViews/ContentViewsPage.js in katello-3.16.2 vs webpack/scenes/ContentViews/ContentViewsPage.js in katello-3.17.0.rc1

@@ -1,30 +1,36 @@
 import React, { useEffect } from 'react';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { useSelector, useDispatch } from 'react-redux';
+import { Grid, GridItem, TextContent, Text, TextVariants } from '@patternfly/react-core';
 import getContentViews from './ContentViewsActions';
 import { selectContentViews,
   selectContentViewStatus,
   selectContentViewError } from './ContentViewSelectors';
-
 import ContentViewsTable from './Table/ContentViewsTable';
 
 const ContentViewsPage = () => {
-  const items = useSelector(selectContentViews);
+  const response = useSelector(selectContentViews);
   const status = useSelector(selectContentViewStatus);
   const error = useSelector(selectContentViewError);
 
   const dispatch = useDispatch();
 
   useEffect(() => {
     dispatch(getContentViews());
   }, []);
 
   return (
-    <React.Fragment>
-      <h1>{__('Content Views')}</h1>
-      <ContentViewsTable {...{ items, status, error }} />
-    </React.Fragment>
+    <Grid className="grid-with-margin">
+      <GridItem span={12}>
+        <TextContent>
+          <Text component={TextVariants.h1}>{__('Content Views')}</Text>
+        </TextContent>
+      </GridItem>
+      <GridItem span={12}>
+        <ContentViewsTable {...{ response, status, error }} />
+      </GridItem>
+    </Grid>
   );
 };
 
 export default ContentViewsPage;