diff --git a/ui/src/components/controls/controls.css.ts b/ui/src/components/controls/controls.css.ts
index d71ea1c..2bb1617 100644
--- a/ui/src/components/controls/controls.css.ts
+++ b/ui/src/components/controls/controls.css.ts
@@ -42,9 +42,10 @@ export default css`
.filters-badge::part(base) {
font-size: 0.5rem;
- margin-top: 17px;
- margin-right: 5px;
background-color: var(--primary-color);
+ position: absolute;
+ top: 5px;
+ left: 25px;
}
`
\ No newline at end of file
diff --git a/ui/src/components/controls/controls.ts b/ui/src/components/controls/controls.ts
index d08973d..dc3d9d1 100644
--- a/ui/src/components/controls/controls.ts
+++ b/ui/src/components/controls/controls.ts
@@ -202,9 +202,8 @@ export class WiretapControlsComponent extends LitElement {
}
return html`
-
+ ${filtersBadge}
- ${filtersBadge}
diff --git a/ui/src/css/pb33f.css b/ui/src/css/pb33f.css
index 0e96cab..5f3ebf0 100644
--- a/ui/src/css/pb33f.css
+++ b/ui/src/css/pb33f.css
@@ -108,7 +108,6 @@ main {
.three-columns .main-content {
- border-bottom: 1px dashed var(--secondary-color);
padding: 40px 0 0 20px;
font-size: 16px;
width: calc(100vw - 365px);
diff --git a/ui/src/index.ts b/ui/src/index.ts
index ac5c6da..d52082c 100644
--- a/ui/src/index.ts
+++ b/ui/src/index.ts
@@ -13,6 +13,7 @@ import '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
import '@shoelace-style/shoelace/dist/components/button/button.js';
import '@shoelace-style/shoelace/dist/components/input/input.js';
import '@shoelace-style/shoelace/dist/components/dropdown/dropdown.js';
+import '@shoelace-style/shoelace/dist/components/badge/badge.js';
import '@shoelace-style/shoelace/dist/components/menu/menu.js';
import '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';
import '@shoelace-style/shoelace/dist/components/divider/divider.js';