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;