diff --git a/app/client/components/dashboard/MetricsCard.jsx b/app/client/components/dashboard/MetricsCard.jsx
index dec6f8015..982a5f17f 100644
--- a/app/client/components/dashboard/MetricsCard.jsx
+++ b/app/client/components/dashboard/MetricsCard.jsx
@@ -67,7 +67,9 @@ class MetricsCard extends React.Component {
     if (metricsLoadStatus.success && selectedData) {
       dataModule = (
         <div>
-          <LoadingSpinner spinning={metricsLoadStatus.isRequesting}>
+          <LoadingSpinner
+            spinning={metricsLoadStatus.isRequesting ? "true" : ""}
+          >
             <div
               style={{
                 display: "flex",
diff --git a/app/package.json b/app/package.json
index e9ac3c354..a1262e26b 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "SempoBlockchain",
-  "version": "1.2.47",
+  "version": "1.2.48",
   "description": "Sempo blockchain web app using Python-Flask and React",
   "main": "index.js",
   "homepage": "./",