diff --git a/.changeset/cuddly-worms-knock.md b/.changeset/cuddly-worms-knock.md
new file mode 100644
index 00000000000..378481feb42
--- /dev/null
+++ b/.changeset/cuddly-worms-knock.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Fixes multiple styling issues in the Token component.
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png
index c7d05fd5f60..193672e1571 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png
index 60f6e2de9a9..173e23a90d5 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png
index 14be6accf2f..60a0abbf16f 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png
index c7d05fd5f60..193672e1571 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png
index c7d05fd5f60..193672e1571 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png
index a9b21cde4ba..0f7e9230159 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png
index 25b209eb6fb..97a7b8d2b8e 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png
index a9b21cde4ba..0f7e9230159 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png
index a9b21cde4ba..0f7e9230159 100644
Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png
index 632918c8794..c56681d0df8 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png
index 089f25374af..bb8c040a276 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png
index 000291aaa7c..8ad1c54c908 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png
index 632918c8794..c56681d0df8 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png
index 632918c8794..c56681d0df8 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png
index 4f02b90cb3e..7ba8aa7e5ea 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png
index 3738512ee24..e2744a6c3e5 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png
index 4f02b90cb3e..7ba8aa7e5ea 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png
index 4f02b90cb3e..7ba8aa7e5ea 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png
index e67060df6e1..ac451d2a289 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png
index af3a540397a..8347159a4db 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png
index 1681b0b32d1..8d8dcb34fe5 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png
index e67060df6e1..ac451d2a289 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png
index e67060df6e1..ac451d2a289 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png
index 6335fd2d19e..b76b807058a 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png
index 070e94f9524..59cad23e1b5 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png
index 6335fd2d19e..b76b807058a 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png
index 6335fd2d19e..b76b807058a 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png
index 632918c8794..c56681d0df8 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png
index 089f25374af..bb8c040a276 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png
index 000291aaa7c..8ad1c54c908 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png
index 632918c8794..c56681d0df8 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png
index 632918c8794..c56681d0df8 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png
index 4f02b90cb3e..7ba8aa7e5ea 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png
index 3738512ee24..e2744a6c3e5 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png
index 4f02b90cb3e..7ba8aa7e5ea 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png
index 4f02b90cb3e..7ba8aa7e5ea 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png
index d9afcc2c7cd..1c7a8d61839 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png
index 23253a12f3d..9b253ad6ace 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png
index cd96a2dac3f..f38aae6b1ff 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png
index d9afcc2c7cd..1c7a8d61839 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png
index d9afcc2c7cd..1c7a8d61839 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png
index 8262e252a00..d4efb304430 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png
index 950cb942a96..b8b724e1cb0 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png
index 8262e252a00..d4efb304430 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png
index 8262e252a00..d4efb304430 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png
index 55b5e7b28a7..2ad331aaec1 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png
index bd64a06084d..c0944268e62 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png
index eb0365cba3f..23a777c4551 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png
index 55b5e7b28a7..2ad331aaec1 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png
index 55b5e7b28a7..2ad331aaec1 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png
index c227c0eedd9..6443cb6ab71 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png
index 8083e151f40..845eb21db6f 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png
index c227c0eedd9..6443cb6ab71 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png
index c227c0eedd9..6443cb6ab71 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png
index 4abea558171..052843d4fe9 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png
index d8c73581241..d5b98739097 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png
index 4a7c812a1e0..62a910c83f3 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png
index 4abea558171..052843d4fe9 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png
index 4abea558171..052843d4fe9 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png
index c4eb6f7df05..48505fc5121 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png
index 0156d1274b9..4d8a5951d45 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png
index c4eb6f7df05..48505fc5121 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png
index c4eb6f7df05..48505fc5121 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-colorblind-linux.png
index 695bbdbeaf3..d46812f9224 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-dimmed-linux.png
index 44ba463e4b2..fbd0f08e66c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-high-contrast-linux.png
index 814df4eb4f6..c24a1402720 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-linux.png
index 695bbdbeaf3..d46812f9224 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-tritanopia-linux.png
index 695bbdbeaf3..d46812f9224 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-colorblind-linux.png
index d5029e854c8..35347bf43d6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-high-contrast-linux.png
index d5029e854c8..35347bf43d6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-linux.png
index d5029e854c8..35347bf43d6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-tritanopia-linux.png
index d5029e854c8..35347bf43d6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-IssueLabelToken-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-colorblind-linux.png
index a2b51fd1126..d74066a680a 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-dimmed-linux.png
index e18e7290dd0..b3a205c6cdc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-high-contrast-linux.png
index df78189e886..868bba9497b 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-linux.png
index a2b51fd1126..d74066a680a 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-tritanopia-linux.png
index a2b51fd1126..d74066a680a 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-colorblind-linux.png
index 00d0c535592..6b4a6ecc6a5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-high-contrast-linux.png
index 58d7270a5cc..bacb55ae4a7 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-linux.png
index 00d0c535592..6b4a6ecc6a5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-tritanopia-linux.png
index 00d0c535592..6b4a6ecc6a5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-colorblind-linux.png
index 52764a8380b..1341433baa3 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-dimmed-linux.png
index 1594e15dadc..078cbef5fac 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-high-contrast-linux.png
index 7fd6ca68bfe..a1d3fd8fdaf 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-linux.png
index 52764a8380b..1341433baa3 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-tritanopia-linux.png
index 52764a8380b..1341433baa3 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-colorblind-linux.png
index 1c1ed3389bf..22334ffbeb4 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-high-contrast-linux.png
index ec6b8403650..65897404094 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-linux.png
index 1c1ed3389bf..22334ffbeb4 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-tritanopia-linux.png
index 1c1ed3389bf..22334ffbeb4 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Dev-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-colorblind-linux.png
index f8ae123708c..7d571654b04 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-dimmed-linux.png
index fa91466dbe2..2c935a0e57b 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-high-contrast-linux.png
index 3438b5367d2..5bf30a2a77b 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-linux.png
index f8ae123708c..7d571654b04 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-tritanopia-linux.png
index f8ae123708c..7d571654b04 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-colorblind-linux.png
index 695980e58ce..837077ed194 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-high-contrast-linux.png
index 1cbfc0f6888..dcfcb31810c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-linux.png
index 695980e58ce..837077ed194 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-tritanopia-linux.png
index 695980e58ce..837077ed194 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-Custom-Colors-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png
index fbb4eff1118..a4f9eba995c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png
index 4e88f7bab22..bf2d15755ac 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png
index c5aa5f7a133..c6e18997ed5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png
index fbb4eff1118..a4f9eba995c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png
index fbb4eff1118..a4f9eba995c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png
index 23777624f6d..3966460505c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png
index 23777624f6d..3966460505c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png
index 23777624f6d..3966460505c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png
index 23777624f6d..3966460505c 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-colorblind-linux.png
index 95781f8c689..3899d24c6dc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-dimmed-linux.png
index e4d659f1fa5..e78cd0eba1d 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-high-contrast-linux.png
index 7e872dbdbe7..f0cc86d5132 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-linux.png
index 95781f8c689..3899d24c6dc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-tritanopia-linux.png
index 95781f8c689..3899d24c6dc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-colorblind-linux.png
index a25ae1f9d19..5350c0acfa1 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-high-contrast-linux.png
index 78547b74fca..b32d1d93812 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-linux.png
index a25ae1f9d19..5350c0acfa1 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-tritanopia-linux.png
index a25ae1f9d19..5350c0acfa1 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Large-Token-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-colorblind-linux.png
index f552fa7afbd..dfd233a5f2e 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-dimmed-linux.png
index f4b2bab1d5b..e67bc34276f 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-high-contrast-linux.png
index d2fe915c7cd..78d2b758b77 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-linux.png
index f552fa7afbd..dfd233a5f2e 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-tritanopia-linux.png
index f552fa7afbd..dfd233a5f2e 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-colorblind-linux.png
index 5334f7fe8cb..d9ba4e870f5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-high-contrast-linux.png
index 599ae66bc10..82e57bf8c8b 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-linux.png
index 5334f7fe8cb..d9ba4e870f5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-tritanopia-linux.png
index 5334f7fe8cb..d9ba4e870f5 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-With-Leading-Visual-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png
index fd2018e58a5..0db4c9c884a 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png
index e6ff5353692..7d87a580ffa 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png
index 2c4cec12d3a..be8c3a2e96f 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png
index fd2018e58a5..0db4c9c884a 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png
index fd2018e58a5..0db4c9c884a 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png
index 540c101379b..f02c75055a6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png
index 7c7d94abd65..1e72e7e082b 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png
index 540c101379b..f02c75055a6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png
index 540c101379b..f02c75055a6 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-colorblind-linux.png
index 95781f8c689..3899d24c6dc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-dimmed-linux.png
index e4d659f1fa5..e78cd0eba1d 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-high-contrast-linux.png
index 7e872dbdbe7..f0cc86d5132 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-linux.png
index 95781f8c689..3899d24c6dc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-tritanopia-linux.png
index 95781f8c689..3899d24c6dc 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-colorblind-linux.png
index a25ae1f9d19..5350c0acfa1 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-high-contrast-linux.png
index 78547b74fca..b32d1d93812 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-linux.png
index a25ae1f9d19..5350c0acfa1 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-linux.png differ
diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-tritanopia-linux.png
index a25ae1f9d19..5350c0acfa1 100644
Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-X-Large-Token-light-tritanopia-linux.png differ
diff --git a/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap b/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap
index 127b51b2f2b..728a047a94f 100644
--- a/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap
+++ b/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap
@@ -5014,14 +5014,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5059,14 +5059,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5104,14 +5104,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5149,14 +5149,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5194,14 +5194,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5239,14 +5239,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5284,14 +5284,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5329,14 +5329,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -5397,14 +5397,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5442,14 +5442,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5487,14 +5487,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5532,14 +5532,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5577,14 +5577,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5622,14 +5622,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5667,14 +5667,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -5712,14 +5712,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -6605,14 +6605,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6650,14 +6650,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6695,14 +6695,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6740,14 +6740,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6785,14 +6785,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6830,14 +6830,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6875,14 +6875,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -6920,14 +6920,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14206,14 +14206,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14251,14 +14251,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14296,14 +14296,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14341,14 +14341,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14386,14 +14386,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14431,14 +14431,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14476,14 +14476,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -14521,14 +14521,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
                 display="inline-block"
                 fill="currentColor"
                 focusable="false"
-                height="12"
+                height="16"
                 overflow="visible"
                 style="vertical-align: text-bottom;"
-                viewBox="0 0 12 12"
-                width="12"
+                viewBox="0 0 16 16"
+                width="16"
               >
                 <path
-                  d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                  d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
                 />
               </svg>
             </span>
@@ -19766,14 +19766,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -19811,14 +19811,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -19856,14 +19856,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -19901,14 +19901,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -19946,14 +19946,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -19991,14 +19991,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -20036,14 +20036,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
@@ -20081,14 +20081,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
               display="inline-block"
               fill="currentColor"
               focusable="false"
-              height="12"
+              height="16"
               overflow="visible"
               style="vertical-align: text-bottom;"
-              viewBox="0 0 12 12"
-              width="12"
+              viewBox="0 0 16 16"
+              width="16"
             >
               <path
-                d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+                d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"
               />
             </svg>
           </span>
diff --git a/packages/react/src/Token/Token.module.css b/packages/react/src/Token/Token.module.css
index 2fe7bd2acc5..1e362cd3ca5 100644
--- a/packages/react/src/Token/Token.module.css
+++ b/packages/react/src/Token/Token.module.css
@@ -14,6 +14,8 @@
 
 .Token:where([data-is-selected='true']) {
   color: var(--fgColor-default);
+  border-style: solid;
+  border-color: var(--borderColor-emphasis);
 }
 
 .Token[data-is-remove-btn='true'] {
@@ -28,5 +30,5 @@
 }
 
 .LargeLeadingVisual {
-  margin-right: var(--base-size-8);
+  margin-right: var(--base-size-6);
 }
diff --git a/packages/react/src/Token/Token.stories.tsx b/packages/react/src/Token/Token.stories.tsx
index 1d207e1e9ae..14f01294668 100644
--- a/packages/react/src/Token/Token.stories.tsx
+++ b/packages/react/src/Token/Token.stories.tsx
@@ -1,8 +1,15 @@
 import type {Meta, StoryFn} from '@storybook/react-vite'
 import {action} from 'storybook/actions'
 import Token from './Token'
+import type {TokenProps} from './Token'
 import {GitBranchIcon} from '@primer/octicons-react'
 
+type PlaygroundArgs = Omit<TokenProps, 'leadingVisual' | 'onRemove' | 'onClick'> & {
+  leadingVisual: boolean
+  onRemove: boolean
+  onClick: boolean
+}
+
 export default {
   title: 'Components/Token',
   component: Token,
@@ -10,7 +17,7 @@ export default {
 
 export const Default = () => <Token text="token" />
 
-export const Playground: StoryFn<typeof Token> = ({onRemove, onClick, leadingVisual, ...args}) => {
+export const Playground: StoryFn<PlaygroundArgs> = ({onRemove, onClick, leadingVisual, ...args}) => {
   return (
     <Token
       {...args}
@@ -24,10 +31,10 @@ Playground.args = {
   text: 'Token',
   size: 'medium',
   isSelected: false,
-  leadingVisual: undefined,
+  leadingVisual: false,
   hideRemoveButton: false,
-  onRemove: undefined,
-  onClick: undefined,
+  onRemove: false,
+  onClick: false,
 }
 Playground.argTypes = {
   size: {
@@ -45,6 +52,10 @@ Playground.argTypes = {
     control: {
       type: 'boolean',
     },
+    mapping: {
+      true: GitBranchIcon,
+      false: undefined,
+    },
   },
   hideRemoveButton: {
     control: {
@@ -55,10 +66,18 @@ Playground.argTypes = {
     control: {
       type: 'boolean',
     },
+    mapping: {
+      true: action('onRemove'),
+      false: undefined,
+    },
   },
   onClick: {
     control: {
       type: 'boolean',
     },
+    mapping: {
+      true: action('onClick'),
+      false: undefined,
+    },
   },
 }
diff --git a/packages/react/src/Token/Token.tsx b/packages/react/src/Token/Token.tsx
index b89f6b0d9c7..ea26490e5fa 100644
--- a/packages/react/src/Token/Token.tsx
+++ b/packages/react/src/Token/Token.tsx
@@ -16,6 +16,7 @@ import {clsx} from 'clsx'
 export interface TokenProps extends TokenBaseProps {
   /**
    * A component that renders before the token text
+   * disabled when size is 'small'
    */
   leadingVisual?: React.ElementType
 }
@@ -71,7 +72,7 @@ const Token = forwardRef((props, forwardedRef) => {
       ref={forwardedRef}
       style={{borderWidth: `${tokenBorderWidthPx}px`, ...style}}
     >
-      {LeadingVisual ? (
+      {LeadingVisual && size !== 'small' ? (
         <LeadingVisualContainer size={size}>
           <LeadingVisual />
         </LeadingVisualContainer>
diff --git a/packages/react/src/Token/TokenBase.module.css b/packages/react/src/Token/TokenBase.module.css
index ea1960973ea..ad303de6e5e 100644
--- a/packages/react/src/Token/TokenBase.module.css
+++ b/packages/react/src/Token/TokenBase.module.css
@@ -30,8 +30,8 @@
 .TokenBase:where([data-size='medium']) {
   width: auto;
   height: var(--base-size-20);
-  padding-right: var(--base-size-8);
-  padding-left: var(--base-size-8);
+  padding-right: var(--base-size-6);
+  padding-left: var(--base-size-6);
   font-size: var(--text-body-size-small);
 }
 
@@ -40,15 +40,15 @@
   height: var(--base-size-24);
   padding-right: var(--base-size-8);
   padding-left: var(--base-size-8);
-  font-size: var(--text-body-size-small);
+  font-size: var(--text-body-size-medium);
 }
 
 .TokenBase[data-size='xlarge'] {
   width: auto;
   height: var(--base-size-32);
   padding-top: 0;
-  padding-right: var(--base-size-16);
+  padding-right: var(--base-size-12);
   padding-bottom: 0;
-  padding-left: var(--base-size-16);
+  padding-left: var(--base-size-12);
   font-size: var(--text-body-size-medium);
 }
diff --git a/packages/react/src/Token/_RemoveTokenButton.module.css b/packages/react/src/Token/_RemoveTokenButton.module.css
index 60a78b5e8ae..4424094c3e2 100644
--- a/packages/react/src/Token/_RemoveTokenButton.module.css
+++ b/packages/react/src/Token/_RemoveTokenButton.module.css
@@ -29,13 +29,13 @@
 .TokenButton[data-size='large'] {
   width: var(--base-size-24);
   height: var(--base-size-24);
-  margin-left: var(--base-size-8);
+  margin-left: var(--base-size-6);
 }
 
 .TokenButton[data-size='xlarge'] {
   width: var(--base-size-32);
   height: var(--base-size-32);
-  margin-left: var(--base-size-8);
+  margin-left: var(--base-size-6);
 }
 
 .TokenButton:hover,
diff --git a/packages/react/src/Token/_RemoveTokenButton.tsx b/packages/react/src/Token/_RemoveTokenButton.tsx
index 262bd342aac..ca36f3ad596 100644
--- a/packages/react/src/Token/_RemoveTokenButton.tsx
+++ b/packages/react/src/Token/_RemoveTokenButton.tsx
@@ -36,7 +36,7 @@ const RemoveTokenButton = ({
           transform: `translate(${borderOffset}px, -${borderOffset}px)`,
         }}
       >
-        <XIcon size={size === 'small' || size === 'medium' || size === 'large' ? 12 : 16} />
+        <XIcon size={size === 'small' || size === 'medium' ? 12 : 16} />
       </span>
     )
   }
@@ -55,7 +55,7 @@ const RemoveTokenButton = ({
       ref={rest.ref as React.Ref<HTMLButtonElement>}
       type="button"
     >
-      <XIcon size={size === 'small' || size === 'medium' || size === 'large' ? 12 : 16} />
+      <XIcon size={size === 'small' || size === 'medium' ? 12 : 16} />
     </button>
   )
 }