diff --git a/chip-list.js b/chip-list.js
index 45ceb28..d3583b3 100644
--- a/chip-list.js
+++ b/chip-list.js
@@ -15,11 +15,15 @@ class ChipList extends IgniteElement {
                 flex-direction: row;
                 flex-wrap: wrap;
                 gap: 12px;
-                border: solid 0.15rem transparent;
+                border: solid 0.13rem #ced4da;
                 border-radius: 0.3rem;
                 padding: 0.4rem;
             }
 
+            mt-chip-list.no-border {
+                border-color: transparent;
+            }
+
             mt-chip-list:focus {
                 outline: none;
             }
@@ -29,13 +33,14 @@ class ChipList extends IgniteElement {
             }
 
             mt-chip-list.editing {
-                border: solid 0.15rem rgba(0,0,0,0.1);
+                border: solid 0.13rem rgba(0,0,0,0.1);
                 border-radius: 0.3rem;
             }
 
             mt-chip-list.placeholder {
                 border: solid 0.13rem #ced4da;
                 border-radius: 0.3rem;
+                color: rgba(0,0,0,0.6);
             }
 
             mt-chip-list > .input-container {
@@ -79,13 +84,15 @@ class ChipList extends IgniteElement {
             chipBackground: null,
             chipColor: null,
             changed: false,
+            border: false
         };
     }
 
     render() {
         return this.template
             .style("position", "relative")
-            .class(this.editing, value => { return value ? "editing" : null })
+            .class(this.border, value => value ? null : "no-border")
+            .class(this.editing, value => value ? "editing" : null)
             .attribute("tabindex", "0")
             .onFocus((e) => this.onFocus())
             .class([this.editing, this.items], (editing, items) => {
diff --git a/circular-progress.js b/circular-progress.js
index 4a31a1f..cf7bc76 100644
--- a/circular-progress.js
+++ b/circular-progress.js
@@ -10,6 +10,7 @@ class CircularProgress extends IgniteElement {
         return `
         mt-circular-progress > div > svg {
             position: absolute;
+            z-index: 999999;
             left: calc(50% - (4em / 2));
             top: calc(50% - (4em / 2));
             animation: rotator 2s linear infinite;
@@ -83,11 +84,11 @@ class CircularProgress extends IgniteElement {
                     .show(this.loading)
                     .child(
                         new circle()
-                        .attribute("cx", "44")
-                        .attribute("cy", "44")
-                        .attribute("r", "20.2")
-                        .attribute("fill", "none")
-                        .attribute("stroke-width", this.stroke)
+                            .attribute("cx", "44")
+                            .attribute("cy", "44")
+                            .attribute("r", "20.2")
+                            .attribute("fill", "none")
+                            .attribute("stroke-width", this.stroke)
                     ),
                 new slot(this)
             )
diff --git a/editable-label.js b/editable-label.js
index 923cd4d..489c65b 100644
--- a/editable-label.js
+++ b/editable-label.js
@@ -9,19 +9,23 @@ class EditableLabel extends IgniteElement {
 
     get styles() {
         return `
-            mt-editable-label.editing {
-                border: solid 0.15rem rgba(0,0,0,0.1);
-            }
-
             mt-editable-label {
                 display: flex;
                 flex-direction: row;
                 align-items: center;
                 border-radius: 0.3rem;
-                border: solid 0.15rem transparent;
+                border: solid 0.13rem #ced4da;
                 padding: 0.4rem;
             }
 
+            mt-editable-label.no-border {
+                border-color: transparent;
+            }
+
+            mt-editable-label.editing {
+                border: solid 0.13rem rgba(0,0,0,0.1);
+            }
+
             mt-editable-label:hover {
                 cursor: pointer;
             }
@@ -59,13 +63,15 @@ class EditableLabel extends IgniteElement {
             multiLine: false,
             saveButton: true,
             input: null,
-            placeholder: null
+            placeholder: null,
+            border: false
         };
     }
 
     render() {
         return this.template
             .attribute("tabindex", "0")
+            .class(this.border, value => value ? null : "no-border")
             .class(this.editing, value => value ? "editing" : null)
             .onFocus(e => this.onFocus())
             .child(
diff --git a/linear-progress.js b/linear-progress.js
new file mode 100644
index 0000000..2f09d4c
--- /dev/null
+++ b/linear-progress.js
@@ -0,0 +1,90 @@
+import { IgniteElement } from "../ignite-html/ignite-element.js";
+import { IgniteTemplate, slot, div, svg, circle } from "../ignite-html/ignite-template.js";
+
+class LinearProgress extends IgniteElement {
+    constructor() {
+        super();
+    }
+
+    get styles() {
+        return `
+            mt-linear-progress {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+            
+            mt-linear-progress > div {
+                height: 0.3em;
+                width: 100%;
+                position: relative;
+                overflow: hidden;
+                background-color: #ddd;
+            }
+            
+            mt-linear-progress > div > div {
+                display: block;
+                position: absolute;
+                content: "";
+                left: -30em;
+                width: 30em;
+                height: 0.3em;
+                background-color: #26B3FC;
+                animation: loading 2s linear infinite;
+            }
+            
+            @keyframes loading {
+                from {
+                    left: -30em;
+                    width: 0%;
+                }
+            
+                50% {
+                    width: 30%;
+                }
+            
+                70% {
+                    width: 70%;
+                }
+            
+                80% {
+                    left: 50%;
+                }
+            
+                95% {
+                    left: 120%;
+                }
+            
+                to {
+                    left: 100%;
+                }
+            }
+        `;
+    }
+
+    get properties() {
+        return {
+            loading: true,
+        };
+    }
+
+    render() {
+        return this.template.child(
+            new div(
+                new div()
+            )
+        ).show(this.loading)
+    }
+}
+
+class LinearProgressTemplate extends IgniteTemplate {
+    constructor(...children) {
+        super("mt-linear-progress", children);
+    }
+}
+
+customElements.define("mt-linear-progress", LinearProgress);
+
+export {
+    LinearProgressTemplate as LinearProgress
+}
\ No newline at end of file