diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 88a18d470..c8f2c44a6 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -17,4 +17,6 @@
 
 @import "components/notifications";
 
-@import "components/switch";
\ No newline at end of file
+@import "components/switch";
+
+@import '~bootstrap-vue/dist/bootstrap-vue.css';
diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 47059eb2d..d97e093e0 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -331,4 +331,17 @@ details summary::-webkit-details-marker {
 .input-elevated:focus {
   outline: none;
   box-shadow: 0 4px 10px 0 rgba(0,0,0,0.16);
+}
+
+.icon-wrapper {
+  display: inline-flex;
+  padding: 14px;
+  border-radius: 50%;
+  background: #10c5f8;
+  background: -webkit-gradient(linear,left top,right bottom,from(#6736dd),to(#10c5f8));
+  background: linear-gradient(to bottom right,#6736dd,#10c5f8);
+}
+
+.border-left-blue {
+  border-left: 3px solid #10c5f8;
 }
\ No newline at end of file