diff --git a/webpack/assets/javascripts/react_app/routes/common/LoadingPage/index.js b/webpack/assets/javascripts/react_app/routes/common/LoadingPage/index.js
index 86b6a56be545..b79113de693e 100644
--- a/webpack/assets/javascripts/react_app/routes/common/LoadingPage/index.js
+++ b/webpack/assets/javascripts/react_app/routes/common/LoadingPage/index.js
@@ -1,10 +1,10 @@
 import React from 'react';
-import { Spinner } from 'patternfly-react';
+import { Spinner } from '@patternfly/react-core';
 import './loadingpage.scss';
 
 const LoadingPage = () => (
   <div id="loading-page">
-    <Spinner loading size="lg" />
+    <Spinner isSVG size="lg" aria-label="Loading Page" />
   </div>
 );