diff --git a/public/react/src/Loading.js b/public/react/src/Loading.js
index f6d113eb..826b95ad 100644
--- a/public/react/src/Loading.js
+++ b/public/react/src/Loading.js
@@ -1,14 +1,23 @@
 import React, { Component } from 'react';
 
 import { BrowserRouter as Router, Route, Link } from "react-router-dom";
-
+import { Spin } from 'antd';
 class Loading extends Component {
   render() {
   	// Loading
     return (
-      <div className="App" style={{minHeight: '800px'}}>
-        
-      </div>
+			<div className="App" style={{minHeight: '800px',width:"100%"}}>
+				<style>
+					{
+						`
+						 .margintop{
+						   margin-top:20%;
+						 }
+						`
+					}
+				</style>
+				<Spin size="large" className={"margintop"}/>
+			</div>
     );
   }
 }