diff --git a/ui/src/app/metadata/view/MetadataHistory.js b/ui/src/app/metadata/view/MetadataHistory.js
index 6df6a7c2e..7347f6e4a 100644
--- a/ui/src/app/metadata/view/MetadataHistory.js
+++ b/ui/src/app/metadata/view/MetadataHistory.js
@@ -60,6 +60,7 @@ export function MetadataHistory () {
             <h2 className="mb-4">
                 <Translate value="label.version-history">version history</Translate>
             </h2>
+            {loading && <div className="d-flex justify-content-center text-primary"><Spinner size="4x" /></div> }
             {data && !loading && <div className="container">
                 <>
                 <table className="table">
@@ -108,7 +109,6 @@ export function MetadataHistory () {
                         )}
                     </tbody>
                 </table>
-                {loading && <div className="d-flex justify-content-center text-primary"><Spinner size="4x" /></div> }
                 <Button variant="primary" onClick={ () => compare(selected) } disabled={!selected.length}>
                     <Translate value="label.compare-selected">Compare Selected</Translate>
                     {selected.length > 0 && <span>({ selected.length })</span> }