From b6f4d6a5eb65a8bf1e07f10390c9138e35abf9e7 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Thu, 30 Dec 2021 22:34:55 +0100
Subject: [PATCH] web/elements: fix spacing between chips in chip-group

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

#2030
---
 web/src/elements/chips/ChipGroup.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/src/elements/chips/ChipGroup.ts b/web/src/elements/chips/ChipGroup.ts
index c106b11b2..043e1d6d4 100644
--- a/web/src/elements/chips/ChipGroup.ts
+++ b/web/src/elements/chips/ChipGroup.ts
@@ -1,4 +1,4 @@
-import { CSSResult, LitElement, TemplateResult, html } from "lit";
+import { CSSResult, LitElement, TemplateResult, css, html } from "lit";
 import { customElement } from "lit/decorators.js";
 
 import AKGlobal from "../../authentik.css";
@@ -12,7 +12,18 @@ import { Chip } from "./Chip";
 @customElement("ak-chip-group")
 export class ChipGroup extends LitElement {
     static get styles(): CSSResult[] {
-        return [PFBase, PFChip, PFChipGroup, PFButton, AKGlobal];
+        return [
+            PFBase,
+            PFChip,
+            PFChipGroup,
+            PFButton,
+            AKGlobal,
+            css`
+                ::slotted(*) {
+                    margin: 0 2px;
+                }
+            `,
+        ];
     }
 
     set value(v: (string | number | undefined)[]) {