3 files changed, 27 insertions, 0 deletions
diff --git a/src/assets/styles/_badge.scss b/src/assets/styles/_badge.scss
new file mode 100644
index 00000000..99c758af
--- /dev/null
+++ b/src/assets/styles/_badge.scss
@@ -0,0 +1,11 @@
+.badge-pill {
+  // Need to explicitly set border-radius
+  // for pill variant because global $enable-rounded
+  // Boostrap setting removes rounded pill style
+  border-radius: 10rem;
+}
+
+.badge-primary {
+  background-color: $info-light;
+  color: $info;
+}
+\ No newline at end of file
diff --git a/src/assets/styles/_form-components.scss b/src/assets/styles/_form-components.scss
index e7a7b0c9..d1fe7854 100644
--- a/src/assets/styles/_form-components.scss
+++ b/src/assets/styles/_form-components.scss
@@ -34,4 +34,19 @@
       color: $gray-700!important;
     }
   }
+}
+
+.b-form-tag-remove {
+  // X button to remove tag
+  font-weight: normal;
+}
+
+.b-form-tags-button {
+  // Add button inside input field
+  white-space: nowrap;
+  margin-right: -$spacer;
+  &.btn-link-primary {
+    color: $primary;
+    fill: currentColor;
+  }
 }
 \ No newline at end of file
diff --git a/src/assets/styles/_obmc-custom.scss b/src/assets/styles/_obmc-custom.scss
index 2a8d896a..544e5858 100644
--- a/src/assets/styles/_obmc-custom.scss
+++ b/src/assets/styles/_obmc-custom.scss
@@ -40,6 +40,7 @@
 @import "~bootstrap-vue/src/index.scss";
 
 @import "./alerts";
+@import "./badge";
 @import "./buttons";
 @import "./form-components";
 @import "./modal";