diff --git a/package-lock.json b/package-lock.json
index d81119e53b..9aec185031 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
         "@angular/router": "^11.2.9",
         "@ckeditor/ckeditor5-angular": "^1.2.3",
         "@dasch-swiss/dsp-js": "^3.0.0",
-        "@dasch-swiss/dsp-ui": "^1.7.5",
+        "@dasch-swiss/dsp-ui": "^1.8.0",
         "@ngx-translate/core": "^12.1.2",
         "@ngx-translate/http-loader": "5.0.0",
         "3d-force-graph": "^1.60.12",
@@ -2115,9 +2115,9 @@
       }
     },
     "node_modules/@dasch-swiss/dsp-ui": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.5.tgz",
-      "integrity": "sha512-SeJ4sBlhtH+lQVrhucsJdik4XI9Ek7u20j5OmyjDxG6ekoZFXmdhGcn1BmS5VjJAo48H67z3L+7kj05Za8s94Q==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.8.0.tgz",
+      "integrity": "sha512-finJFf2vHfEh91rm+wDdSufSg8+d77ItZYF/kjJbNgZUp90zn9CMF9shdbvyb8LWMvIsLV8yMBdAPr3w2PYQHw==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
@@ -20018,9 +20018,9 @@
       }
     },
     "@dasch-swiss/dsp-ui": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.5.tgz",
-      "integrity": "sha512-SeJ4sBlhtH+lQVrhucsJdik4XI9Ek7u20j5OmyjDxG6ekoZFXmdhGcn1BmS5VjJAo48H67z3L+7kj05Za8s94Q==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.8.0.tgz",
+      "integrity": "sha512-finJFf2vHfEh91rm+wDdSufSg8+d77ItZYF/kjJbNgZUp90zn9CMF9shdbvyb8LWMvIsLV8yMBdAPr3w2PYQHw==",
       "requires": {
         "tslib": "^2.0.0"
       }
diff --git a/package.json b/package.json
index fc3148c78f..a4357e3ff8 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "@angular/router": "^11.2.9",
     "@ckeditor/ckeditor5-angular": "^1.2.3",
     "@dasch-swiss/dsp-js": "^3.0.0",
-    "@dasch-swiss/dsp-ui": "^1.7.5",
+    "@dasch-swiss/dsp-ui": "^1.8.0",
     "@ngx-translate/core": "^12.1.2",
     "@ngx-translate/http-loader": "5.0.0",
     "3d-force-graph": "^1.60.12",
diff --git a/src/assets/style/_elements.scss b/src/assets/style/_elements.scss
index 7c0748e68a..fa3c2ce526 100644
--- a/src/assets/style/_elements.scss
+++ b/src/assets/style/_elements.scss
@@ -571,8 +571,8 @@ $gc-small: $form-width - $gc-large - 4;
 // progress-indicator without default color
 
 .dsp-progress-indicator {
-  .line > div {
-    background-color: $primary_700 !important;
+  g {
+    stroke: $primary_700 !important;
   }
 }