diff --git a/ui.frontend/src/main/webpack/components/_text.scss b/ui.frontend/src/main/webpack/components/_text.scss
index ba0e8e5bef..c2d5e93a22 100644
--- a/ui.frontend/src/main/webpack/components/_text.scss
+++ b/ui.frontend/src/main/webpack/components/_text.scss
@@ -1,2 +1,32 @@
 .cmp-text {}
-.cmp-text__paragraph {}
\ No newline at end of file
+.cmp-text__paragraph {}
+
+/* WKND Text Quote style */
+.cmp-text--quote {
+  .cmp-text {
+    background-color: $brand-third;
+    margin: 1em 0em;
+    padding: 1em;
+
+    blockquote {
+      border: none;
+      font-size: $font-size-large;
+      font-family: $font-family-serif;
+      padding: 14px 14px;
+      margin: 0;
+      margin-bottom: 0.5em;
+
+      &:after {
+        border-bottom: 2px solid $brand-primary; /*yellow border */
+        content: '';
+        display: block;
+        position: relative;
+        top: 0.25em;
+        width: 80px;
+      }
+    }
+    p {
+      font-family:  $font-family-serif;
+    }
+  }
+}
\ No newline at end of file
diff --git a/ui.frontend/src/main/webpack/components/_title.scss b/ui.frontend/src/main/webpack/components/_title.scss
index c5d880a23c..3cc926f99e 100644
--- a/ui.frontend/src/main/webpack/components/_title.scss
+++ b/ui.frontend/src/main/webpack/components/_title.scss
@@ -1,3 +1,16 @@
 .cmp-title {}
 .cmp-title__text {}
-.cmp-title__link {}
\ No newline at end of file
+.cmp-title__link {}
+
+/* Add Title Underline Style */
+.cmp-title--underline {
+  .cmp-title__text {
+    &:after {
+      display: block;
+      width: 84px;
+      padding-top: 8px;
+      content: '';
+      border-bottom: 2px solid $brand-primary;
+    }
+  }
+}
\ No newline at end of file