From bffa9a2ed8b5aff9958562c8bd712b8f60dfa314 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 4 Aug 2021 17:54:18 -0400
Subject: [PATCH] improve palette styles

---
 docs/assets/styles/docs.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 5abbff34a..8afe60684 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -701,7 +701,7 @@ body[data-page^='tokens/'] .table-wrapper td:first-child code {
 .color-palette {
   display: grid;
   grid-template-columns: 200px repeat(11, 1fr);
-  gap: 1rem 0rem;
+  gap: 1rem var(--sl-spacing-xx-small);
   margin: 2rem 0;
 }
 
@@ -723,6 +723,7 @@ body[data-page^='tokens/'] .table-wrapper td:first-child code {
 
 .color-palette__swatch {
   height: 3rem;
+  border-radius: var(--sl-border-radius-small);
 }
 
 @media screen and (max-width: 1200px) {