diff --git a/web/themes/asc_gateway/assets/sass/components/_wysiwyg.scss b/web/themes/asc_gateway/assets/sass/components/_wysiwyg.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0a733f0af0f094efc5ab0b5ec878cab5cfbdf0c7
--- /dev/null
+++ b/web/themes/asc_gateway/assets/sass/components/_wysiwyg.scss
@@ -0,0 +1,117 @@
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+
+//
+// WYSIWYG Style Dropdown Button
+// --------------------------------------------------
+
+.btn-wysiwyg {
+  color: $white !important;
+  background-color: #960000 !important;
+  border-color: #830000 !important;
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 16px;
+  line-height: 1.42857;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  font-weight: 600;
+  text-transform: uppercase;
+
+  .fa-angle-right {
+    margin-left: 10px;
+  }
+
+
+  &:hover {
+    color: $white !important;
+    background-color: #630000 !important;
+    border-color: #460000 !important;
+  }
+
+  @media (max-width: 992px) {
+    width: 100%;
+  }
+}
+
+
+
+//
+// Figure
+// --------------------------------------------------
+
+.wrapper-15 {
+  width: 15%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-25 {
+  width: 25%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-33 {
+  width: 33%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-50 {
+  width: 50%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-66 {
+  width: 66%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-75 {
+  width: 75%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-100 {
+  width: 100%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
diff --git a/web/themes/asc_gateway/assets/sass/style.scss b/web/themes/asc_gateway/assets/sass/style.scss
index 5f19cd6e0d7df1f695aaaf66d2eb44308ca39bbc..69256bf64fd52b46aed60f28612090626c1fc579 100644
--- a/web/themes/asc_gateway/assets/sass/style.scss
+++ b/web/themes/asc_gateway/assets/sass/style.scss
@@ -72,6 +72,7 @@
 @import "components/video";
 @import "components/slideshow";
 @import "components/views-filters";
+@import "components/wysiwyg";
 
 // Pages
 @import "pages/landing-page";
diff --git a/web/themes/asc_gateway/css/style.css b/web/themes/asc_gateway/css/style.css
index ecac90f42aefe0d959ef6248410ae0f677584386..9a29933ce5d43035726b5aeaf714e2d9b9f0533c 100644
--- a/web/themes/asc_gateway/css/style.css
+++ b/web/themes/asc_gateway/css/style.css
@@ -9749,6 +9749,119 @@ a.carousel-control:hover {
   margin-right: 10px;
 }
 
+/* line 9, ../assets/sass/components/_wysiwyg.scss */
+.btn-wysiwyg {
+  color: #ffffff !important;
+  background-color: #960000 !important;
+  border-color: #830000 !important;
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 16px;
+  line-height: 1.42857;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+/* line 34, ../assets/sass/components/_wysiwyg.scss */
+.btn-wysiwyg .fa-angle-right {
+  margin-left: 10px;
+}
+/* line 39, ../assets/sass/components/_wysiwyg.scss */
+.btn-wysiwyg:hover {
+  color: #ffffff !important;
+  background-color: #630000 !important;
+  border-color: #460000 !important;
+}
+@media (max-width: 992px) {
+  /* line 9, ../assets/sass/components/_wysiwyg.scss */
+  .btn-wysiwyg {
+    width: 100%;
+  }
+}
+
+/* line 56, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-15 {
+  width: 15%;
+  padding: 0 25px;
+}
+/* line 60, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-15 img {
+  margin: 0 auto;
+}
+
+/* line 65, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-25 {
+  width: 25%;
+  padding: 0 25px;
+}
+/* line 69, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-25 img {
+  margin: 0 auto;
+}
+
+/* line 74, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-33 {
+  width: 33%;
+  padding: 0 25px;
+}
+/* line 78, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-33 img {
+  margin: 0 auto;
+}
+
+/* line 83, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-50 {
+  width: 50%;
+  padding: 0 25px;
+}
+/* line 87, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-50 img {
+  margin: 0 auto;
+}
+
+/* line 92, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-66 {
+  width: 66%;
+  padding: 0 25px;
+}
+/* line 96, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-66 img {
+  margin: 0 auto;
+}
+
+/* line 101, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-75 {
+  width: 75%;
+  padding: 0 25px;
+}
+/* line 105, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-75 img {
+  margin: 0 auto;
+}
+
+/* line 110, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-100 {
+  width: 100%;
+  padding: 0 25px;
+}
+/* line 114, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-100 img {
+  margin: 0 auto;
+}
+
 /* line 11, ../assets/sass/pages/_landing-page.scss */
 .landing-page .carousel {
   height: auto;
diff --git a/web/themes/asc_gateway/js/scripts.js b/web/themes/asc_gateway/js/scripts.js
index 40e2ab83dd025be97345d04f2c28e9b96fb8b0cb..256918734d7ed822e1b9b721a753ab2111ebfde1 100644
--- a/web/themes/asc_gateway/js/scripts.js
+++ b/web/themes/asc_gateway/js/scripts.js
@@ -86,6 +86,10 @@ jQuery(document).ready(function(){
   jQuery('.form-search').tooltip('hide')
       .attr('data-original-title', '');
 
+  //add arrow to wysiwyg btn
+  if (jQuery(".btn-wysiwyg").length) {
+    jQuery(".btn-wysiwyg").append("<i class='fa fa-angle-right' aria-hidden='true' />");
+  }
 
   //jQuery('.sf-accordion-button').prepend('<i class="fa fa-angle-right" aria-hidden="true"></i>');