3 files changed, 30 insertions, 0 deletions
diff --git a/src/assets/styles/_badge.scss b/src/assets/styles/_badge.scss
index 99c758af..68e7482f 100644
--- a/src/assets/styles/_badge.scss
+++ b/src/assets/styles/_badge.scss
@@ -3,6 +3,14 @@
   // for pill variant because global $enable-rounded
   // Boostrap setting removes rounded pill style
   border-radius: 10rem;
+  fill: currentColor;
+  font-weight: 400;
+  .close {
+    font-size: 1em;
+    margin-left: $spacer/2;
+    font-weight: inherit;
+    color: inherit;
+  }
 }
 
 .badge-primary {
diff --git a/src/assets/styles/_dropdown.scss b/src/assets/styles/_dropdown.scss
new file mode 100644
index 00000000..0eb310f6
--- /dev/null
+++ b/src/assets/styles/_dropdown.scss
@@ -0,0 +1,21 @@
+.dropdown-item {
+  padding-left: $spacer/2;
+}
+
+.b-dropdown-form {
+  padding: $spacer/2;
+  .form-group {
+    margin-bottom: $spacer/2;
+  }
+}
+
+.table-filter {
+  // Adding component style to global stylesheet because
+  // single-file component scoped styles aren't
+  // being applied to dynamically appended elements
+  // The overflow menu should be above the table
+  .dropdown-menu {
+    z-index: $zindex-dropdown + 1;
+    padding: 0;
+  }
+}
+\ No newline at end of file
diff --git a/src/assets/styles/_obmc-custom.scss b/src/assets/styles/_obmc-custom.scss
index 544e5858..4e0e1c55 100644
--- a/src/assets/styles/_obmc-custom.scss
+++ b/src/assets/styles/_obmc-custom.scss
@@ -42,6 +42,7 @@
 @import "./alerts";
 @import "./badge";
 @import "./buttons";
+@import "./dropdown";
 @import "./form-components";
 @import "./modal";
 @import "./table";