From f811b40a822018482f6051bac5d250b2e6212d17 Mon Sep 17 00:00:00 2001
From: davidritter-dotcom <david.ritter.1@post.ch>
Date: Thu, 31 Aug 2023 17:27:59 +0200
Subject: [PATCH] fix(styles): small fix when the badge is dismissible and has
 a nested badge

---
 packages/styles/src/placeholders/badge.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/styles/src/placeholders/badge.scss b/packages/styles/src/placeholders/badge.scss
index b692e79cdb..f0dc89414f 100644
--- a/packages/styles/src/placeholders/badge.scss
+++ b/packages/styles/src/placeholders/badge.scss
@@ -30,6 +30,14 @@
     padding-right: 24px/16px + badge.$badge-padding-x;
   }
 
+  &:has(> .badge) {
+    padding-right: 24px/16px + badge.$badge-padding-x;
+  }
+
+  &:has(> .badge + .btn-close) {
+    padding-right: 48px/16px + badge.$badge-padding-x;
+  }
+
   > .badge {
     padding: $size-micro;
     height: badge.$badge-nested-height;
@@ -38,6 +46,9 @@
     background-color: badge.$badge-nested-bg-color;
     border-color: badge.$badge-nested-border-color;
     font-size: badge.$badge-nested-font-size;
+    &:has(+ .btn-close) {
+      right: badge.$badge-padding-x + 24px/16px;
+    }
   }
 
   > .badge,