diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md
index c405c005f45..9cc3b5a1ce1 100644
--- a/packages/react-table/src/demos/Table.md
+++ b/packages/react-table/src/demos/Table.md
@@ -3045,20 +3045,20 @@ class EmptyStateDemo extends React.Component {
 
 ### Loading
 
-```js
+```js isFullscreen
 import React from 'react';
-import { Bullseye, Spinner } from '@patternfly/react-core';
-import { Table, TableHeader, TableBody } from '@patternfly/react-table';
+import { Bullseye, Card, EmptyState, EmptyStateIcon, Spinner, Title } from '@patternfly/react-core';
+import { PageSection, Table, TableHeader, TableBody } from '@patternfly/react-table';
+import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';
 
 class LoadingStateDemo extends React.Component {
   render() {
     const columns = [
-      { title: 'Servers' },
-      { title: 'Threads' },
-      { title: 'Applications' },
+      { title: 'Repositories' },
+      { title: 'Branches' },
+      { title: 'Pull requests' },
       { title: 'Workspaces' },
-      { title: 'Status' },
-      { title: 'Location' }
+      { title: 'Last commit' }
     ];
     const rows = [
       {
@@ -3068,7 +3068,12 @@ class LoadingStateDemo extends React.Component {
             props: { colSpan: 8 },
             title: (
               <Bullseye>
-                <Spinner size="xl" aria-labelledby="loading-table-demo" />
+                <EmptyState>
+                  <EmptyStateIcon variant="container" component={Spinner} />
+                  <Title size="lg" headingLevel="h2">
+                    Loading
+                  </Title>
+                </EmptyState>
               </Bullseye>
             )
           }
@@ -3077,10 +3082,16 @@ class LoadingStateDemo extends React.Component {
     ];
 
     return (
-      <Table cells={columns} rows={rows} id="loading-table-demo" aria-label="Loading Table Demo">
-        <TableHeader />
-        <TableBody />
-      </Table>
+      <DashboardWrapper hasPageTemplateTitle>
+        <PageSection padding={{ default: 'noPadding', xl: 'padding' }}>
+          <Card component="div">
+            <Table cells={columns} rows={rows} aria-label="Loading table demo">
+              <TableHeader />
+              <TableBody />
+            </Table>
+          </Card>
+        </PageSection>
+      </DashboardWrapper>
     );
   }
 }