ok

src/pages/Transaction_pending.js

@@ -16,8 +16,19 @@ export default function Transaction_pending() {
     <div className={styles.Transactions}>
       <div className={containerStyle}>
         <div style={{ marginTop: "30px", textAlign: "center" }}>
-          <h2>waiting for confirmation</h2>
-          <ColorRing height="50" width="50" color="white" />
+          <h2>Transation Pending</h2>
+          <div style={{ marginTop: "20px" }}>
+            <ColorRing
+              visible={true}
+              height="80"
+              width="80"
+              ariaLabel="blocks-loading"
+              wrapperStyle={{}}
+              wrapperClass="blocks-wrapper"
+              colors={["#4fa94d", "#f7c34c", "#ffa53c", "#e34f53", "#d23a8d"]}
+            />
+            <p>Waiting for clerk confirmation...</p>
+          </div>
         </div>
       </div>
     </div>