From add09db40add0e016e9eeb13e095e0a87608d4b3 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 19 Feb 2022 22:04:52 -0800
Subject: [PATCH] bs5: fix badges

---
 .../filterable-dropdown/filterable-dropdown.component.html    | 2 +-
 src-ui/src/theme_dark.scss                                    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.html b/src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.html
index bf5d1fcb0..61b192d20 100644
--- a/src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.html
+++ b/src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.html
@@ -5,7 +5,7 @@
     </svg>
     <div class="d-none d-sm-inline">&nbsp;{{title}}</div>
     <ng-container *ngIf="!editing && selectionModel.selectionSize() > 0">
-      <div class="badge bg-secondary text-light rounded-pill badge-corner">
+      <div class="position-absolute top-0 start-100 translate-middle badge bg-secondary border border-light text-light rounded-pill">
         {{selectionModel.selectionSize()}}
       </div>
     </ng-container>
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 8bf805c42..2bcac47f2 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -143,6 +143,10 @@ $border-color-dark-mode: #47494f;
     color: $text-color-dark-mode-accent;
   }
 
+  .badge.border-light {
+    border-color: $bg-dark-mode !important;
+  }
+
   .doc-img-container {
     border: none !important;
     border-top-left-radius: .25rem;