diff --git a/src/standalone/layout.jsx b/src/standalone/layout.jsx
index dc36b46e..9ad2aace 100644
--- a/src/standalone/layout.jsx
+++ b/src/standalone/layout.jsx
@@ -1,3 +1,5 @@
+
+
 import React from "react"
 import PropTypes from "prop-types"
 
@@ -32,12 +34,16 @@ export default class StandaloneLayout extends React.Component {
         { Topbar ? <Topbar /> : null }
         { loadingStatus === "loading" &&
           <div className="info">
-            <h4 className="title">Loading...</h4>
+            <div className="loading-container">
+              <div className="loading"></div>
+            </div>
           </div>
         }
         { loadingStatus === "failed" &&
           <div className="info">
-            <h4 className="title">Failed to load spec.</h4>
+            <div className="loading-container">
+              <h4 className="title">Failed to load spec.</h4>
+            </div>
           </div>
         }
         { loadingStatus === "failedConfig" &&
diff --git a/src/style/_layout.scss b/src/style/_layout.scss
index 1d399f76..3fcf2b0a 100644
--- a/src/style/_layout.scss
+++ b/src/style/_layout.scss
@@ -653,6 +653,10 @@
 .loading-container
 {
     padding: 40px 0 60px;
+    min-height: 1px;
+    display: flex;
+    justify-content: center;
+
     .loading
     {
         position: relative;