diff --git a/angular.json b/angular.json
index 4547b178..32ec05eb 100644
--- a/angular.json
+++ b/angular.json
@@ -24,7 +24,8 @@
             ],
             "styles": [
               "src/styles.scss",
-              "node_modules/ngx-toastr/toastr.css"
+              "node_modules/ngx-toastr/toastr.css",
+              "node_modules/ngx-spinner/animations/line-spin-fade.css"
             ],
             "scripts": [],
             "aot": false,
@@ -131,4 +132,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/package-lock.json b/package-lock.json
index a358c169..0bdcb1a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,7 +29,7 @@
         "highcharts-angular": "^3.0.0",
         "html2canvas": "^1.4.1",
         "moment": "^2.29.4",
-        "ngx-spinner": "^15.0.0",
+        "ngx-spinner": "^15.0.1",
         "ngx-timeago": "^2.0.0",
         "ngx-toastr": "^15.2.2",
         "rxjs": "^6.0.0",
diff --git a/package.json b/package.json
index 13bf215b..842c2f35 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "highcharts-angular": "^3.0.0",
     "html2canvas": "^1.4.1",
     "moment": "^2.29.4",
-    "ngx-spinner": "^15.0.0",
+    "ngx-spinner": "^15.0.1",
     "ngx-timeago": "^2.0.0",
     "ngx-toastr": "^15.2.2",
     "rxjs": "^6.0.0",
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 5d100dd4..6f7e1e20 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,4 +1,5 @@
 <app-top-panel></app-top-panel>
 <app-alert></app-alert>
 <router-outlet></router-outlet>
-<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="default" color="#fff" type="pacman"></ngx-spinner>
+<ngx-spinner size="medium"
+             type="line-spin-fade"><span style="color:white">Loading...</span></ngx-spinner>
diff --git a/src/app/scenario/scenario.component.html b/src/app/scenario/scenario.component.html
index a0f48319..167bd550 100644
--- a/src/app/scenario/scenario.component.html
+++ b/src/app/scenario/scenario.component.html
@@ -25,7 +25,6 @@
   </div>
 
 </app-control-panel>
-<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="default" color="#fff" type="pacman"></ngx-spinner>
 
 <div class="row" >
   <div class="col">
diff --git a/src/app/scenario/scenario.module.ts b/src/app/scenario/scenario.module.ts
index e222a9d8..f204ff67 100644
--- a/src/app/scenario/scenario.module.ts
+++ b/src/app/scenario/scenario.module.ts
@@ -8,7 +8,7 @@ import { SettingsScenarioComponent } from "./scenario-settings/scenario-settings
 import { DeleteScenarioComponent } from "./delete-scenario/delete-scenario.component";
 import { ExternalNotificationComponent } from "./external-notification/external-notification.component";
 import { NgxSpinnerModule } from "ngx-spinner";
-import { NgbDropdown, NgbDropdownModule, NgbModule } from "@ng-bootstrap/ng-bootstrap";
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { SharedModule } from "../shared/shared.module";
 import { HighchartsChartModule } from "highcharts-angular";
 import { ItemControlsComponent } from "./item-controls/item-controls.component";