diff --git a/scss/elements/footer.scss b/scss/elements/_footer.scss
similarity index 100%
rename from scss/elements/footer.scss
rename to scss/elements/_footer.scss
diff --git a/scss/elements/radio.scss b/scss/elements/_radio.scss
similarity index 100%
rename from scss/elements/radio.scss
rename to scss/elements/_radio.scss
diff --git a/scss/elements/sidebar.scss b/scss/elements/_sidebar.scss
similarity index 100%
rename from scss/elements/sidebar.scss
rename to scss/elements/_sidebar.scss
diff --git a/scss/elements/_step-progress-bar.scss b/scss/elements/_step-progress-bar.scss
new file mode 100644
index 0000000..dd86987
--- /dev/null
+++ b/scss/elements/_step-progress-bar.scss
@@ -0,0 +1,22 @@
+.step-progress-bar {
+  .step-progress-bar-labels {
+    display: flex;
+    flex-flow: row;
+    padding-top: 0.75rem;
+
+    div {
+      flex-grow: 1;
+      text-align: center;
+      color: $secondary;
+      font-weight: bold;
+
+      &:first-child {
+        text-align: left;
+      }
+
+      &:last-child {
+        text-align: right;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/scss/essence.scss b/scss/essence.scss
index a208726..5e787fb 100644
--- a/scss/essence.scss
+++ b/scss/essence.scss
@@ -18,6 +18,7 @@
 @import 'elements/sidebar';
 @import 'elements/footer';
 @import 'elements/radio';
+@import 'elements/step-progress-bar';
 
 // Vendors
 @import 'vendors/prismjs';
\ No newline at end of file
diff --git a/scss/vendors/prismjs.scss b/scss/vendors/_prismjs.scss
similarity index 100%
rename from scss/vendors/prismjs.scss
rename to scss/vendors/_prismjs.scss