From f5295a299e76241fe354935f2ca9fc79b6cd27a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Krakowski?=
 <48633090+bart-krakowski@users.noreply.github.com>
Date: Tue, 13 Jul 2021 22:21:24 +0200
Subject: [PATCH] fix: added the background-clip property

---
 lib/components/src/blocks/ColorPalette.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/components/src/blocks/ColorPalette.tsx b/lib/components/src/blocks/ColorPalette.tsx
index b866dcd7425b..7bf50d6f4970 100644
--- a/lib/components/src/blocks/ColorPalette.tsx
+++ b/lib/components/src/blocks/ColorPalette.tsx
@@ -81,6 +81,7 @@ const SwatchColors = styled.div(({ theme }) => ({
   overflow: 'hidden',
   backgroundColor: 'white',
   backgroundImage: `repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)`,
+  backgroundClip: 'padding-box'
 }));
 
 const SwatchSpecimen = styled.div({