diff --git a/express-server/public/ocrscan/ocrscan.js b/express-server/public/ocrscan/ocrscan.js
index d4e0a8f2..e6bed8f8 100644
--- a/express-server/public/ocrscan/ocrscan.js
+++ b/express-server/public/ocrscan/ocrscan.js
@@ -109,6 +109,8 @@ function getAllShoppinglists() {
                 idtoken: idtoken,
             },
             success(data){
+
+                $(".preloader-wrapper").css("display", "none");
                 for(let item of data) {
                     $(".output").append("<a id='" + item.sl_id +"' class='collection-item'>" + item.name + "</a>")
                 }
diff --git a/express-server/views/ocrscan.ejs b/express-server/views/ocrscan.ejs
index c68b04bd..e16c29dd 100644
--- a/express-server/views/ocrscan.ejs
+++ b/express-server/views/ocrscan.ejs
@@ -76,6 +76,18 @@
   <div id="modal1" class="modal">
     <div class="modal-content">
       <h4>Choose Shoppinglist</h4>
+      <center>  <div class="preloader-wrapper big active">
+          <div class="spinner-layer spinner-blue-only">
+            <div class="circle-clipper left">
+              <div class="circle"></div>
+            </div><div class="gap-patch">
+              <div class="circle"></div>
+            </div><div class="circle-clipper right">
+              <div class="circle"></div>
+            </div>
+          </div>
+        </div>
+      </center>
       <div class="collection output">
       </div>