From 41affca083722227f99c4298d61445dbd71b8ca3 Mon Sep 17 00:00:00 2001
From: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
Date: Fri, 21 Feb 2025 11:50:13 -0500
Subject: [PATCH] Allow color tweak tags to wrap (#769)

---
 docs/_layouts/palette.njk | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/_layouts/palette.njk b/docs/_layouts/palette.njk
index d06ea3bd9..d00d7c475 100644
--- a/docs/_layouts/palette.njk
+++ b/docs/_layouts/palette.njk
@@ -58,7 +58,9 @@
 <wa-callout size="small" class="tweaked-callout" variant="warning">
   <wa-icon name="sliders-simple" slot="icon" variant="regular"></wa-icon>
    This palette has been tweaked.
-   <wa-tag v-for="tweakHumanReadable, param in tweaksHumanReadable" removable @wa-remove="reset(param)">{% raw %}{{ tweakHumanReadable }}{% endraw %}</wa-tag>
+   <div class="wa-cluster wa-gap-xs">
+    <wa-tag v-for="tweakHumanReadable, param in tweaksHumanReadable" removable @wa-remove="reset(param)">{% raw %}{{ tweakHumanReadable }}{% endraw %}</wa-tag>
+   </div>
 
   <wa-button @click="reset()" appearance="outlined" variant="danger">
     <span slot="prefix" class="icon-modifier">