diff --git a/ui/src/views/repoDeploy/index.tsx b/ui/src/views/repoDeploy/index.tsx
index 8ed773d1..d14c3016 100644
--- a/ui/src/views/repoDeploy/index.tsx
+++ b/ui/src/views/repoDeploy/index.tsx
@@ -228,8 +228,17 @@ function RepoDeploy({
   env,
   onClickOk,
 }: RepoDeployProps): JSX.Element {
+  const [refreshing, setRefreshing] = useState(false);
   const [payloadModalVisible, setPayloadModalVisible] = useState(false);
 
+  const _onClickRefresh = () => {
+    setRefreshing(true);
+    onClickRefresh();
+    setTimeout(() => {
+      setRefreshing(false);
+    }, 1000);
+  };
+
   const _onClickDeploy = () => {
     if (env?.dynamicPayload?.enabled) {
       setPayloadModalVisible(true);
@@ -257,9 +266,10 @@ function RepoDeploy({
               key="1"
               type="text"
               shape="circle"
-              size="large"
+              size="middle"
+              loading={refreshing}
               icon={<RedoOutlined />}
-              onClick={onClickRefresh}
+              onClick={_onClickRefresh}
             />,
           ]}
         />